JavaWeb学习-案例练习-图书管理后台-1- 环境搭建

向右看齐 2022-01-12 14:04 256阅读 0赞

前面[文章][Link 1]学习了DBUtils这个框架，现在来一个案例练习，在使用这个DBUtils框架基础上，做一个图书管理系统后台的数据的增删改查操作。这个图书管理系统部分是前端开发人员其他做好了一些静态页面，具体案例材料，我会分享到百度网盘，也可以群里找我要。

**1.环境准备**

新建一个Java动态web项目，然后拷贝导入相关jar包。

素材文件夹资料：把这些文件全部拷贝到Eclipse项目的WebContent目录下。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE1NDE5NDY_size_16_color_FFFFFF_t_70][]

Eclipse项目

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE1NDE5NDY_size_16_color_FFFFFF_t_70 1][]

启动tomcat，浏览器打开地址：[http://localhost:8080/BookManager/admin/login/home.jsp][http_localhost_8080_BookManager_admin_login_home.jsp]

如果能出现如下页面，我们开发之前的环境就准备好了。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE1NDE5NDY_size_16_color_FFFFFF_t_70 2][]

2.系统页面布局了解

我们先看上面截图这个首页，这个布局分层四个部分，上面是页头，有一个logo,图书后台管理系统，中间分两部分，左边是菜单，右边是内容显示，页面底部是页尾。这四部分，是通过frame分割出来的。我们可以找到/admin/login/home.jsp这部分代码

3.dtree.js框架了解

首先dtree是一个前端框架，我们可以在admin/js/dtree.js找到这个框架，这个网上可以找得到，在前端中有很多xxx.js都是一个框架。dtree就是一个方便我快速添加树形菜单的利器。下面我这里来举例一个demo.

目前我们的菜单是这样的

![20190618205203936.png][]

这里找到这个源码（admin/login/left.jsp）

d = new dTree('d');
    d.add(0,-1,'系统菜单树');
    d.add(1,0,'商品管理','${pageContext.request.contextPath}/admin/login/welcome.jsp','','mainFrame');

第一行代码，实例化一个dTree类对象，add就是添加菜单的意思。下面重点来看看这个参数，第一个参数0，表示即将要添加的菜单，也就是“系统菜单树”是根菜单，0就是根目录的意思，第二个参数-1，表示当前这个菜单的父级菜单是什么，-1表示没有，也就是“系统菜单树”是根菜单，它没有父菜单。

后面‘商品管理’这个菜单就好理解了，第一个参数1表示，这个是一个根目录下的菜单，当然这里写2也是可以，主要是第二个菜单决定了菜单的树形结构，这里第二个菜单是0，表示这个菜单在根目录菜单下，我们仿照这个规则，创建一个新的菜单。

d = new dTree('d');
    d.add(0,-1,'系统菜单树');
    d.add(1,0,'商品管理','${pageContext.request.contextPath}/admin/login/welcome.jsp','','mainFrame');
    d.add(3,0,'订单管理')

保存，刷新浏览器，看看菜单添加效果。

![20190618210258644.png][]

订单管理和商品管理是兄弟菜单，它们的父级菜单都是系统菜单树。

这个后台系统了解差不多了，下面我们就从UI效果图来创建mysql book表，然后开始做新增图书和编辑图书和查找图书和删除图书这样的操作，来模拟这种最基础的web开发工作。

这个系列的所需素材和最终代码文件，可以在github上找到

[https://github.com/Anthonyliu86/BookManagement\_JavawebDemo.git][https_github.com_Anthonyliu86_BookManagement_JavawebDemo.git]

[Link 1]: https://blog.csdn.net/u011541946/article/details/91039535
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE1NDE5NDY_size_16_color_FFFFFF_t_70]: /images/20220112/299fcfc7e0f242bea8216ae997dbcf79.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE1NDE5NDY_size_16_color_FFFFFF_t_70 1]: /images/20220112/58360c3f8c0c4bedbf8db717c6921f1c.png
[http_localhost_8080_BookManager_admin_login_home.jsp]: http://localhost:8080/BookManager/admin/login/home.jsp
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTE1NDE5NDY_size_16_color_FFFFFF_t_70 2]: /images/20220112/5fadedbabe874e00b33319f99f087fb1.png
[20190618205203936.png]: /images/20220112/e92b9ec6104c403f9d69f7a97fb80131.png
[20190618210258644.png]: /images/20220112/ef5dd06e198349a5a7cf5aea2716f874.png
[https_github.com_Anthonyliu86_BookManagement_JavawebDemo.git]: https://github.com/Anthonyliu86/BookManagement_JavawebDemo.git