1.获取dwz_springmvc
进入DWZ的CSDN代码库下载地址 https://code.csdn.net/dwzteam/dwz_springmvc/tree/master,点击【下载】按钮将dwz_springmvc源码库下载到本地。
2.导入测试数据到MySQL
DWZ的测试数据文件dwz_springmvc.sql在doc目录中,该目录下的dwz_springmvc.docx文件也先可以看一看,看完后可以让我们大致了解一下dwz_springmvc项目的规范。
第一步,通过mysql -uroot -p命令进入MySQL。
第二步,通过create database cmower命令创建数据库。
第三步,通过use cmower命令使用当前数据库。
第四步,通过source dwz_springmvc.sql命令导入数据。
第五步,通过show tables命令查看导入的数据表。
3.导入dwz_springmvc项目到eclipse中
第一步,如图 1-22,导入已存在的项目到工作库。
第二步,如图 1-23,选择dwz_springmvc项目。
导入后的dwz_springmvc项目目录结构图如图 1-24。
第三步,修改jdbc.properties中的数据库名称为cmower。
#省略其他配置
jdbc.url=jdbc:mysql://127.0.0.1:3306/cmower?useUnicode=true&characterEncoding=UTF-8
jdbc.username=root
#密码注意修改为你自己的数据库密码
jdbc.password=123456
#省略其他配置
注意:dwz_springmvc项目中的properties文件默认编码不是UTF-8,可按照图 1-25的方式进行修改。
第四步,更改dwz_springmvc项目的JDK、Tomcat配置。
dwz_springmvc项目默认使用的JDK1.6、Tomcat6.0,如果与我们本机环境不一致,那么可以按照图 1-26、1-27、1-28的方式进行修改。
4.运行dwz_springmvc项目
第一步,右键项目,选择Run As,之后选择Run on Server,如图 1-29。
第二步,选择Tomcat类型,如图 1-30。
第三步,选择dwz_springmvc项目加入到Tomcat中,点击Finish,如图 1-31。
Tomcat正常运行后,浏览器中出现的界面如图 1-32,感觉不太正常,有些图片没有记载出来,点击链接跳转时报错,这是为什么呢?
第四步,设置项目的访问路径。第三步中我们看到了一个不太正常的页面,原因是项目运行的路径 http://localhost:8080/dwz_springmvc/中多了dwz_springmvc,那么该怎么去设置呢?参照图 1-33,从Tomcat的server.xml配置文件找到Context节点,设置path为空。
保存后,我们重启Tomcat,然后通过http://localhost:8080/路径进行访问,运行效果如图 1-34。
5.DWZ富客户端
接下来,我们需要看一看DWZ富客户端的庐山真面目了。
第一步,在Google浏览器的地址栏中访问http://localhost:8080/login地址,如图 1-35。
第二步,输入用户名admin和密码123456,点击【登入】按钮,进入DWZ富客户端界面,如图 1-36,是不是感觉特别清爽,我是挺喜欢DWZ的这种风格的,不知道你呢?