dwz4j企业级Java Web快速开发框架(Mybatis + SpringMVC) + jUI整合应用

小灰灰 2021-05-10 11:18 381阅读 0赞

**1.获取dwz\_springmvc**

进入DWZ的CSDN代码库下载地址 [https://code.csdn.net/dwzteam/dwz\_springmvc/tree/master][https_code.csdn.net_dwzteam_dwz_springmvc_tree_master]，点击【下载】按钮将dwz\_springmvc源码库下载到本地。

![图 1-19 下载dwz4j企业级Java Web快速开发框架(Mybatis + SpringMVC) + jUI][1-19 _dwz4j_Java Web_Mybatis _ SpringMVC_ _ jUI]

**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`命令导入数据。

![图 1-20 导入测试数据到MySQL][1-20 _MySQL]

第五步，通过`show tables`命令查看导入的数据表。

![图 1-21 查看数据表][1-21]

**3.导入dwz\_springmvc项目到eclipse中**

第一步，如图 1-22，导入已存在的项目到工作库。

![图 1-22 导入已存在的项目到工作库][1-22]

第二步，如图 1-23，选择dwz\_springmvc项目。

![图 1-23 选择dwz\_springmvc项目][1-23 _dwz_springmvc]

导入后的dwz\_springmvc项目目录结构图如图 1-24。

![图 1-24 dwz\_springmvc项目目录结构图][1-24 dwz_springmvc]

第三步，修改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的方式进行修改。

![图 1-25 修改某一类型文件默认编码][1-25]

第四步，更改dwz\_springmvc项目的JDK、Tomcat配置。

dwz\_springmvc项目默认使用的JDK1.6、Tomcat6.0，如果与我们本机环境不一致，那么可以按照图 1-26、1-27、1-28的方式进行修改。

![图 1-26 右键项目，选择Java Build Path窗口][1-26 _Java Build Path]

![图 1-27 修改JDK][1-27 _JDK]

![图 1-28 修改Tomcat][1-28 _Tomcat]

**4.运行dwz\_springmvc项目**

第一步，右键项目，选择Run As，之后选择Run on Server，如图 1-29。

![图 1-29 运行dwz\_springmvc项目][1-29 _dwz_springmvc]

第二步，选择Tomcat类型，如图 1-30。

![图 1-30 选择Tomcat类型][1-30 _Tomcat]

第三步，选择dwz\_springmvc项目加入到Tomcat中，点击Finish，如图 1-31。

![图 1-31 选择dwz\_springmvc项目][1-31 _dwz_springmvc]

Tomcat正常运行后，浏览器中出现的界面如图 1-32，感觉不太正常，有些图片没有记载出来，点击链接跳转时报错，这是为什么呢？

![图 1-32 不太正常的运行界面][1-32]

第四步，**设置项目的访问路径**。第三步中我们看到了一个不太正常的页面，原因是项目运行的路径 [http://localhost:8080/dwz\_springmvc/][http_localhost_8080_dwz_springmvc]中多了dwz\_springmvc，那么该怎么去设置呢？参照图 1-33，从Tomcat的server.xml配置文件找到Context节点，设置path为空。

![图 1-33 设置path为空][1-33 _path]

保存后，我们重启Tomcat，然后通过[http://localhost:8080/][http_localhost_8080]路径进行访问，运行效果如图 1-34。

![图 1-34 正常的访问效果][1-34]

**5.DWZ富客户端**

接下来，我们需要看一看DWZ富客户端的庐山真面目了。

第一步，在Google浏览器的地址栏中访问[http://localhost:8080/login][http_localhost_8080_login]地址，如图 1-35。

![图 1-35 访问登录页][1-35]

第二步，输入用户名admin和密码123456，点击【登入】按钮，进入DWZ富客户端界面，如图 1-36，是不是感觉特别清爽，我是挺喜欢DWZ的这种风格的，不知道你呢？

![图 1-36 DWZ富客户端][1-36 DWZ]

--------------------

> 我希望自己朴实无华，所以选择沉默；我希望你们选择沉默，因为沉默是金。
> 
> ![20161224204853903][]

[https_code.csdn.net_dwzteam_dwz_springmvc_tree_master]: https://code.csdn.net/dwzteam/dwz_springmvc/tree/master
[1-19 _dwz4j_Java Web_Mybatis _ SpringMVC_ _ jUI]: /images/20210506/c1910509f92849649770fd3976972bb2.png
[1-20 _MySQL]: /images/20210506/33ef1e43c5074de885d89a1d721e4129.png
[1-21]: /images/20210506/371a60dc234e4d6182128e6e506ab72b.png
[1-22]: /images/20210506/77d84ca69c9949a1a7f0ac49aaa405b2.png
[1-23 _dwz_springmvc]: /images/20210506/aac29fe003ab4935a25e230687296a60.png
[1-24 dwz_springmvc]: /images/20210506/9e5a8a49b4c5482fbe09fd48e4dabe2b.png
[1-25]: /images/20210506/429fcf1fa2f64d2287af2364f555b9ea.png
[1-26 _Java Build Path]: /images/20210506/76beac3ab68c442cbe2fe800a5ec1276.png
[1-27 _JDK]: /images/20210506/f417a5a50ec547cdb1b1727651dddfae.png
[1-28 _Tomcat]: /images/20210506/f1e22ef52ede435f83825e876be9a1c1.png
[1-29 _dwz_springmvc]: /images/20210506/6dfef4e25f524c88a9356028af33b0b0.png
[1-30 _Tomcat]: /images/20210506/36db617e33004deab981d376d1c748a2.png
[1-31 _dwz_springmvc]: /images/20210506/fae87ae8f7d0490fa3b47ba71b8f30c1.png
[1-32]: /images/20210506/15d0e1ce7fd34e5bbcde1269ec91c7d1.png
[http_localhost_8080_dwz_springmvc]: http://localhost:8080/dwz_springmvc/
[1-33 _path]: /images/20210506/37cb53810d704234852f7217417333da.png
[http_localhost_8080]: http://localhost:8080/
[1-34]: /images/20210506/b182cfecb5c34b6f9591458425386010.png
[http_localhost_8080_login]: http://localhost:8080/login
[1-35]: /images/20210506/a6c5d155f80e4326b97125b8dc1f8e2b.png
[1-36 DWZ]: /images/20210506/41c0b56936f34a338e130d51716789c9.png
[20161224204853903]: /images/20210506/664c9c0aac4c461d8803bd2723445b21.png