You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
threecat 12cf9b7cc1
Update readme.md
2 years ago
.idea v1.1 3 years ago
out v1.1 3 years ago
report Delete report 3 years ago
sql update the table of book 3 years ago
src Update ManagerFilter.java 3 years ago
web Update top.jsp 3 years ago
BookStore.iml v1.1 3 years ago
readme.md Update readme.md 2 years ago

readme.md

网上书店系统

项目简述:

在B站尚硅谷Javaweb视频中学习了网上书店系统但是所给的项目并没有完全实现自己实现了整个完整的项目并且添加了不少的功能项目语言为Java框架为MVC服务器Tomcat数据库MySQL
快速搭建clone之后在IDEA中打开配置Tomcat服务器Tomcat7/8/9及最新的均可找到sql文件夹并在MySQLMySQL的版本最好是5.x避免出现问题中导入文件bookstore.sql此时会创建名为book的数据库数据找到jdbc.properties文件将其中的username和password更改为自己的数据库的用户名和密码。之后在MySQL数据库管理系统可以查看关于账户密码问题管理员账号和密码均为admin其它为普通用户之后运行即可。

项目的设计报告如下文件夹report中提供了word版的详细设计报告可以参考

【详细设计】

(一)开发平台及工具

开发工具:

后端java、使用IDEA编写

前端HTML、CSS、JavaScript、JSP

服务器Tomcat

DBMSMySQL图形化界面MySQLworkbench/SQLyog/navicat

建模工具Sybase PowerDesigner

注意Tomcat的配置

image SIUSS(SFDAF6$D(V N7ZY1S 特别注意Tomcat项目路径是/Book所以项目首页默认打开是http://localhost:8080/Book/如果发现购物车点击没有反应一般都是因为在IDEA中Tomcat配置不是/Book如上图

(二)用户界面设计

1、首页

image

2、登录页面

image

3、注册页面

image

4、用户购物车页面

image

5、 我的订单页面

image

6、图书管理页面

image

7、订单管理页面

image

8、榜单

image

9、总账单页面

image

10、个人信息页面

image


(三)数据库存储设计

根据前端页面以及之前大实验的分析我们决定创建book数据库建库语句如下

image

并决定创建4张表如下

image

图为navicat for mysql提供

建表语句如下:

image image image image

说明:

创建数据库表之后插入部分图书的信息然后开始java后端的设计。


java后端设计

首先我们确定总的设计模式为MVC没有选用当下流行的SSM或SpringBoot设计选用java web设计中简单的MVC模式选好总体设计模式之后在IDEA项目中创建好java ee项目将项目框架的文件夹创建好web层、service层、dao层、javabean。

java后端开发分为前台模块和后台模块两大部分其中又可以分为用户模块、图书模块、购物车模块、订单模块和权限管理以及事务管理设计。这里我们就按照后者进行设计在权限管理部分再将前后台设置清楚。

用户模块:

根据数据库表的设计创建我们的javaBean创建User类数据与数据库t_user表相对应。之后要设计我们的数据库层面的连接这里导入数据库连接的jar包已经测试包

image

编写基本的数据库连接操作这里使用JDBCUtils创建基本的配置文件在JDBCUtils中编写代码

static {
   try {
     Properties properties = new Properties();
     //读取jdbc.properties属性配置文件
     InputStream inputStream = JdbcUtils.class.getClassLoader().getResourceAsStream("jdbc.properties" );
     //从流中加载数据
     properties.load(inputStream);
     //创建数据库连接池
     dataSource = (DruidDataSource) DruidDataSourceFactory.createDataSource(properties);

   } catch (Exception e) {
     e.printStackTrace();
   }

 }

可以进行打印连接进行测试看看是否连接到了数据库。之后我们编写baseDao类在里面增加一些增删改查的方法以便之后连接继承使用。

配置好环境之后我们编写UserDao接口在其中添加根据用户名查询用户、根据用户名和密码查询用户、保存用户等方法然后在UserDaoImpl中实现这个接口。主要为编写sql语句并返回部分语句如下

public class UserDaoImpl extends BaseDao implements UserDao {
   @Override
   public User querybyUsername(String username) {
     String sql = "select `id`,`username`,`password`,`email` from t_user where username = ?";
     return queryForOne(User.class,sql,username);
   }
 }

编写完Dao层之后我们观看前端关于用户页面的服务就有登录、注册等服务所以我们编写service层service层用来调用Dao例如登录的时候调用UserDao中的根据用户名和密码查询用户的方法通过得到的User类对象是否为空来判断用户登录是否成功而相应我们前端请求的自然就是Web层的servlet代码。所以我们编写完service层之后要去web层编写相应的UserServlet并记得在web.xml配置以便在前端页面引用。这个时候我们可以将之前的前端HTML5页面全部替换为JSP动态页面其实很简单就是在前面加上

<%@ page contentType="text/html;charset=UTF-8" language="java" %>一行代码即可方便后续我们进行动态引入从servlet来的数据动态的显示。

 关于用户登录的模块也就是:

image

其中在Dao层要进行一次test在service层也要进行测试如果出现错误那么分层开发的优势就可以显示出来我们可以很快的找出是哪一层出现了错误。在servlet层中我们用到了HTTP的相关知识使用了doPost或者doGet方法因此我们将servlet层中复用的代码放到baseServlet中并利用反射技术去调用我们响应的方法即通过类找到方法

那么用户注册的模块也和登录一致其中DAO、service层是一至的我们只需要在servlet层中添加注册的方法即可。

图书模块

根据数据库设计javabean并在book中添加get()、set()方法、toSting()方法以及有参无参构造函数。

然后设计我们的bookDao层因为我们书籍一般都有增删改查的操作所以在bookDao中我们有通过id查询图书、删除图书、改变图书的操作之后测试sql语句是否正确例如查询操作

public Book queryBookById(Integer id) {
   String sql = "select * from t_book where id = ?";
   return queryForOne(Book.class,sql,id);
 }

就是一个简单的sql语句然后利用我们的数据库编程类库之间得到我们查询之后的图书对象。之后的service层也是通过dao层来实现方法而我们的servlet层也是如此这个时候我们要去管理员的图书管理页面去设置我们数据显示。这里就用到了JSP技术也就是为什么之前要将HTML换位JSP页面的原因可以动态的显示书籍信息例如

<c:forEach items="${requestScope.page.items}" var="book">
            <div class="b_list">
                <div class="img_div">
                    <img class="book_img" alt="" src="${book.imgPath}" />
                </div>
                <div class="book_info">
                    <div class="book_name">
                        <span class="sp1">书名:</span>
                        <span class="sp2">${book.name}</span>
                    </div>
                    <div class="book_author">
                        <span class="sp1">作者:</span>
                        <span class="sp2">${book.author}</span>
                    </div>
                    <div class="book_price">
                        <span class="sp1">价格:</span>
                        <span class="sp2">¥${book.price}</span>
                    </div>
                    <div class="book_sales">
                        <span class="sp1">销量:</span>
                        <span class="sp2">${book.sales}</span>
                    </div>
                    <div class="book_amount">
                        <span class="sp1">库存:</span>
                        <span class="sp2">${book.stock}</span>
                    </div>
                    <div class="book_add">
                        <button bookId=${book.id} class="addToCart">加入购物车</button>
                    </div>
                </div>
            </div>
</c:forEach>

而整个的逻辑也是很好理解的:

image

以上我们就可以试下图书的增加、删除和修改操作在删除操作中我们需要在web页面上添加提示避免用户不小心删除了数据。

购物车模块

购物车模块可以用session来设计也可以用mysql来设计或者用redis缓存技术。这里我们小组商量之后决定使用session技术它的生命周期也就是浏览器的生命周期即关闭浏览器购物车生命结束不会保存用户购物车的信息。

选用了session之后我们直接创建相应的servlet在里面实现增加、删除的方法。从前端获得数据之后直接保存到session域中所以我们的增删操作也就是session信息的操作但是在结账操的时候就使用数据库操作将购物车里面的item和order保存在数据库中。这一块和订单模块相连接。

订单模块

为了保存用户购买书籍的信息和订单信息我们依旧和之前一样这里我们可以从servlet开始反向操作。我们在servlet中的操作逆行逻辑如下

image

事务处理

从上面我们小组分析得到创建订单的同时也就是用户付款完毕之后我们需要同时对图书的销售量和存储量进行操作这一步必须一起执行或者一起失败所以这里我们要用事务处理机制。这里我们没有选择在数据库中使用触发器或者设置事务操作。我们选择用ThreadLocal也就是线程。这里我们首先设想的是利用一个线程关联一个数据的特性手动的设置事务成功则提交事务失败则回滚事务并在相应操作也就会上面所说的创建订单+库存销售的修改上加上try-catch操作来实现事务。后面发现是可行的但是如果后面有更多需要事务的地方就不好处理所以我们利用Filter来进行过滤在doFiltr()方法中进行ThreadLocal操作来实现整个的事务处理。

权限控制

编写好基础页面之后小组进行讨论需要实现前后台的功能也就是说用户的权限是不能涉及后台管理的所以我们使用了Filter来控制。我们利用session域来获得登录的对象如果没有登录那么跳转登录页面对登录对象进行管理员用户的检测以此实现权限管理并在web.xml中进行配置

逻辑也就是

image

那么我们的网上书店就完成了!


联系我

 如果有什么问题欢迎联系我~

邮箱yangjie.dev@outlook.com

CSDNthreecat.up

如果对你有帮助的话可以给个star吗😁