定制设计【JAVAWEB开发】基于Java+Servlet+Ajax+jsp网上购物系统设计实现

哈喽~大家好呀，定制设计这篇给的大家带来的是设计。定制设计在传统电商时代，定制设计用户是先有需求再购买，定制设计用户对平台较为依赖，定制设计商家对消费者很难有直定制设计接的影响力，定制设计而如今社交 + 定制设计电商解决了产品质量的定制设计信息不对称问题，电商已经成为当今经济发展的一个重要领域。而网上购物就是实现之一，现在我们就来看看吧。

一、效果演示

1、首页界面

 如果没有登录，就只能查看无法购买

2、商品界面

 3、商品详情界面

 4、购物车界面

 5、购物订单界面

 6、交易成功界面

 7、个人订单界面

8、个人收藏界面

 9、管理员界面

 10、全部订单界面

 11、全部收藏界面

 二、数据库设计

数据库定义：数据库是存放数据的仓库。它的存储空间很大，可以存放百万条、千万条、上亿条数据。但是数据库并不是随意地将数据进行存放，是有一定的规则的，否则查询的效率会很低。当今世界是一个充满着数据的互联网世界，充斥着大量的数据。即这个互联网世界就是数据世界。数据的来源有很多，比如出行记录、消费记录、浏览的网页、发送的消息等等。除了文本类型的数据，图像、音乐、声音都是数据。

用户表（user）：字段（id，用户名，密码，电话，邮箱）

购物车表（shopping_cart）：字段（id，用户名，商品名，价格，购买数量，总价，图片地址）

订单表（order）：字段（id，商品名，邮箱，用户名，收货地址，收货电话）

商品详情表（goods_parameters）：字段（id，商品类型，图片地址）

商品类型（favorite）：字段（id，商品类型名）

商品表（user）：字段（id，商品名，商品类型名，价格，图片地址，销量，库存）

收藏表（favorite）：字段（id，用户名，商品名，价格，图片地址）

历史记录表（browsinghistory）：字段（id，记录名，记录价格，记录图片地址）、

品牌表（brand）：字段（id，用户名，品牌类型，品牌名）

三、部分代码展示

登录展示

  1.     <div class="registerarea ">
  2.         <!-- 注册表头部 -->
  3.         <h4>登录账号
  4.             <div class="login"> 没有账号，去<a href="register.jsp" class="style_red">注册</a> &nbsp;&nbsp; <a href="retrievePassword.jsp">忘记密码？点击找回</a></div>
  5.         </h4>
  6.         <!-- 注册表身体 -->
  7.         <div class="reg_form">
  8.             <form action="/EasybuyProject/loginServlet" class="submit" method="post">
  9.                 <ul class="clearfix:after">
  10.                     <li>
  11.                         <label>账号：</label> <input type="text" class="inp username" name="username">
  12.                         <span class="error">格式错误，应为长度6-20并含有大小写字母数字</span>
  13.                         <font color="red">
  14.                             <%
  15.                                 if(session.getAttribute("messageLogin")!= null){
  16.                                     out.print(session.getAttribute("messageLogin"));
  17.                                     session.invalidate();
  18.                                 }
  19.                             %>
  20.                         </font>
  21.  
  22.  
  23.                     </li>
  24.  
  25.                     <li>
  26.                         <label>密码：</label> <input type="password" class="inp password" name="password">
  27. <%--                        <span class="error">格式错误，应为长度6-20并含有大小写字母数字</span>--%>
  28.                     </li>
  29.                     <li>
  30.                         <input type="submit" class="inputButton" value="登录"> &nbsp;&nbsp;
  31.                         <input type="reset" value="重置" class="inputButton">
  32.                     </li>
  33.                 </ul>
  34.             </form>
  35.         </div>
  36.     </div>

正则验证

  1.     <script>
  2.         $(document).ready(function () {
  3.             $(function () {
  4.                 var flagUser = false
  5.                 var flagPwd = false
  6.  
  7.                 var $user_name = $('.username')
  8.                 var $pwd = $('.password')
  9.  
  10.                 $user_name.blur(function () {
  11.                     var vals = $user_name.val();
  12.                     var reg = /^[a-zA-Z0-9\_]{6,20}$/;
  13.                     if (reg.test(vals)) {
  14.                         $user_name.next().hide();
  15.                         flagUser = true;
  16.                     } else {
  17.                         // $user_name.next().show().css("z-index","2").html('用户名是6-20位数字、字母和下划线！');
  18.                         $user_name.next().show();
  19.                         flagUser = false;
  20.                     }
  21.                 })
  22.  
  23.                 $pwd.blur(function () {
  24.                     var vals = $pwd.val();
  25.                     var reg = /^[a-zA-Z0-9\_]{6,20}$/;
  26.  
  27.                     if (reg.test(vals)) {
  28.                         $pwd.next().hide();
  29.                         flagPwd = true;
  30.                     } else {
  31.                         $pwd.next().show();
  32.                         flagPwd = false;
  33.                     }
  34.                 })
  35.  
  36.             })
  37.         })
  38.     </script>

Servlet

  1. @WebServlet("/EasybuyProject/loginServlet")
  2. public class LoginServlet extends HttpServlet {
  3.  
  4.     @Override
  5.     protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  6.         doPost(req, resp);
  7.     }
  8.  
  9.     @Override
  10.     protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
  11.  
  12.         req.setCharacterEncoding("utf8");
  13.         resp.setCharacterEncoding("utf8");
  14.         resp.setContentType("text/html;charset=UTF-8");
  15.  
  16.         String username = req.getParameter("username");
  17.         String password = req.getParameter("password");
  18.  
  19.         UserService userService = new UserServiceImpl();
  20.         User user = userService.login(username, password);
  21.  
  22.         HttpSession session = req.getSession();
  23.  
  24.         if (user != null && (!Objects.equals(username, "XzwadminNo1")) && !Objects.equals(password, "XzwadminNo1")) {
  25.             resp.sendRedirect("/FrontPage/index.jsp");
  26.             session.setAttribute("success",username);
  27.         } else if(Objects.equals(username, "XzwadminNo1") && Objects.equals(password, "XzwadminNo1")){
  28.             session.setAttribute("success",username);
  29.             resp.sendRedirect("/FrontPage/indexAdmin.jsp");
  30.         } else {
  31.             session.setAttribute("messageLogin","用户名或者密码错误");
  32.             resp.sendRedirect("/FrontPage/login.jsp");
  33.         }
  34.  
  35.     }
  36.  
  37. }

实体类

  1. public class User {
  2.  
  3.     private int id;
  4.     private String username;
  5.     private String password;
  6.     private String tel;
  7.     private String email;
  8.  
  9.     public User() {
  10.     }
  11.  
  12.     public User(String tel, String email) {
  13.         this.tel = tel;
  14.         this.email = email;
  15.     }
  16.  
  17.     public User(int id, String username, String password, String tel, String email) {
  18.         this.id = id;
  19.         this.username = username;
  20.         this.password = password;
  21.         this.tel = tel;
  22.         this.email = email;
  23.     }
  24.  
  25.     public int getId() {
  26.         return id;
  27.     }
  28.  
  29.     public void setId(int id) {
  30.         this.id = id;
  31.     }
  32.  
  33.     public String getUsername() {
  34.         return username;
  35.     }
  36.  
  37.     public void setUsername(String username) {
  38.         this.username = username;
  39.     }
  40.  
  41.     public String getPassword() {
  42.         return password;
  43.     }
  44.  
  45.     public void setPassword(String password) {
  46.         this.password = password;
  47.     }
  48.  
  49.     public String getTel() {
  50.         return tel;
  51.     }
  52.  
  53.     public void setTel(String tel) {
  54.         this.tel = tel;
  55.     }
  56.  
  57.     public String getEmail() {
  58.         return email;
  59.     }
  60.  
  61.     public void setEmail(String email) {
  62.         this.email = email;
  63.     }
  64.  
  65.     @Override
  66.     public String toString() {
  67.         return "User{" +
  68.                 "id=" + id +
  69.                 ", username='" + username + '\'' +
  70.                 ", password='" + password + '\'' +
  71.                 ", tel='" + tel + '\'' +
  72.                 ", email='" + email + '\'' +
  73.                 '}';
  74.     }
  75. }

Dao

  1.     public User login(String username, String password) {
  2.         User user = null;
  3.         Connection connection = null;
  4.         PreparedStatement preparedStatement = null;
  5.         ResultSet resultSet = null;
  6.  
  7.         try {
  8.             connection = JdbcUtil.getConnection();
  9.             String sql = "select * from user where username = ? and password= ?";
  10.             preparedStatement = connection.prepareStatement(sql);
  11.             preparedStatement.setString(1, username);
  12.             preparedStatement.setString(2, password);
  13.  
  14.             resultSet = preparedStatement.executeQuery();
  15.             if (resultSet.next()) {
  16.                 user = new User();
  17.                 user.setUsername(resultSet.getString("username"));
  18.                 user.setPassword(resultSet.getString("password"));
  19.             }
  20.         } catch (Exception e) {
  21.             e.printStackTrace();
  22.         } finally {
  23.             JdbcUtil.release(resultSet, preparedStatement, connection);
  24.         }
  25.         return user;
  26.     }

效果展示

源码获取见公众号

不积跬步无以至千里，趁年轻，使劲拼，给未来的自己一个交代！向着明天更好的自己前进吧！

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发