JSP程序设计——手机销售网后台设计

信管1172 高颖 201711671206

 

一、实验要求

系统后台开发具体要求(课本第10章的项目基础上):
1.在导航条中添加一个后台管理菜单。
2.后台页面分成左右两个框,左边显示一个树形菜单,右边根据菜单选择显示相应的交互界面。
3.实现对用户,产品分类,产品,订单等的后台管理。
4.具体界面自行设计。

 二、功能说明

(1)用户

1.主页

JSP程序设计——手机销售网后台设计_第1张图片

 

2.登录

JSP程序设计——手机销售网后台设计_第2张图片

3.注册

JSP程序设计——手机销售网后台设计_第3张图片

 

4.登录

JSP程序设计——手机销售网后台设计_第4张图片

5.浏览手机

JSP程序设计——手机销售网后台设计_第5张图片

6.查询手机

JSP程序设计——手机销售网后台设计_第6张图片

7.查看购物车

JSP程序设计——手机销售网后台设计_第7张图片

 

(2)后台

1.主页

JSP程序设计——手机销售网后台设计_第8张图片

源码:

tree.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>


   

 

welcome.jsp

<%--
  Created by IntelliJ IDEA.
  User: Lusty
  Date: 2019-05-19
  Time: 13:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>


   
   
   
   
   
   
    Title
   
   
   
   
   
   



   



2.用户注册

JSP程序设计——手机销售网后台设计_第9张图片

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>




   
   
   
    用户列表
   
   
   
   
   
   
   


<%--顶部条栏--%>


   
   


   

       
   

   

       

           
用户列表

           

               
                   
                   
                       
                       
                       
                       
                       
                        <%----%>
                   
                   
                   
                   
                       

                           
                           
                           
                           
                                <%----%>
                           
                                <%----%>
                       
                   
                   
               

                           
                       
登录名手机号地址真名操作

                               
                           
${item.loginName }${item.phone}${item.address}--%>
                                <%----%>
                                <%----%>
                                <%--保密--%>
                                <%--
${item.realname}--%>
                                <%--编辑--%>
                                <%--删除--%>
                                <%--

               


           

       

   



3.添加订单

JSP程序设计——手机销售网后台设计_第10张图片

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib  prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>




   
   
   
    订单列表
   
   
   
   
   
   
   


<%--顶部条栏--%>


   
   


   

       
   

   

       

           
订单列表

           

               
                   
                   
                       
                       
                       
                       
                        <%----%>
                   
                   
                   
                   
                       

                           
                           
                           
                           
                       
                   
                   
               

                           
                       
用户订单信息金额操作

                               
                           
${item.loginName }${item.mess}${item.sum}

               


           

       

   



4.添加商品

JSP程序设计——手机销售网后台设计_第11张图片

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>


    Title
   
   
   
   
   
   
   
   
   
   



   
   

<%--
--%>

   

   

       

           
商品列表

           

               
                   
                   
                       
                       
                       
                       
                       
                       
                       
                       
                        <%----%>
                   
                   
                   
                   
                       

                           
                           
                           
                           
                           
                           
                           
                           
                       
                   
                   
               

                           
                       
手机型号手机名字手机制造商手机价格手机信息手机相片手机类别操作

                               
                           
${item.mobileVersion }${item.mobileName}${item.mobileMade}${item.mobilePrice}${item.mobileMess}${item.mobilePic}${item.mobileClassify}

               


           

       

   



5.注销用户

 

JSP程序设计——手机销售网后台设计_第12张图片


<%--

  <%--

  Created by IntelliJ IDEA.

  User: corrine

  Date: 2019-05-16

  Time: 21:31

  To change this template use File | Settings | File Templates.

--%>

<%@ page contentType="text/html;charset=GB2312" %>

Amaze UI Admin index Examples

 

 

 

 

 

 

 

 

    

        

            

 

 

<%@ taglib tagdir="/WEB-INF/tags" prefix="inquire"%>

<% String na=request.getParameter("version");

   if(na==null)

       na ="";

   byte [] bb=na.getBytes("iso-8859-1");

   na = new String(bb);

%>

  

 
user表删除记录后的记录是:

 

                    tableName="user"

                    user="root" password=""/> 


<%=queryResult %>

 

 

 

6.商品下架

 

JSP程序设计——手机销售网后台设计_第13张图片


<%--

  <%--

  Created by IntelliJ IDEA.

  User: corrine

  Date: 2019-05-16

  Time: 21:31

  To change this template use File | Settings | File Templates.

--%>

<%@ page contentType="text/html;charset=GB2312" %>

Amaze UI Admin index Examples

 

 

 

 

 

 

 

 

    

        

            

 

 

<%@ taglib tagdir="/WEB-INF/tags" prefix="inquire"%>

<% String na=request.getParameter("version");

   if(na==null)

       na ="";

   byte [] bb=na.getBytes("iso-8859-1");

   na = new String(bb);

%>

  

 
user表删除记录后的记录是:

 

                    tableName="user"

                    user="root" password=""/> 


<%=queryResult %>

 

 

 

7.查询订单

JSP程序设计——手机销售网后台设计_第14张图片


<%--

  <%--

  Created by IntelliJ IDEA.

  User: corrine

  Date: 2019-05-16

  Time: 21:31

  To change this template use File | Settings | File Templates.

--%>

<%@ page contentType="text/html;charset=GB2312" %>

Amaze UI Admin index Examples

 

 

 

 

 

 

 

 

    

        

            

 

 

   

   

查询订单

         <%@ page contentType="text/html;charset=GB2312" %>

        

        

        根据用户名查询

        
输入用户名:

        

        

        

          根据订单序号查询

          
输入订单序号:

        

        

 

 

 

   

   

8.删除订单

JSP程序设计——手机销售网后台设计_第15张图片


<%--

  <%--

  Created by IntelliJ IDEA.

  User: corrine

  Date: 2019-05-16

  Time: 21:31

  To change this template use File | Settings | File Templates.

--%>

<%@ page contentType="text/html;charset=utf-8" %>

Amaze UI Admin index Examples

 

 

 

 

 

 

 

 

    

        

            

 

 

        <%@ taglib tagdir="/WEB-INF/tags" prefix="inquire"%>

        

        

        删除记录:
输入要删除的订单号:

        

        

        
orderform删除记录前的记录是:

        

                           tableName="orderform" 

                           user="root" password=""/> 

        
<%=queryResult %> 

     

 

   

 

9.查询用户

JSP程序设计——手机销售网后台设计_第16张图片


<%--

  <%--

  Created by IntelliJ IDEA.

  User: corrine

  Date: 2019-05-16

  Time: 21:31

  To change this template use File | Settings | File Templates.

--%>

<%@ page contentType="text/html;charset=GB2312" %>

Amaze UI Admin index Examples

 

 

 

 

 

 

 

 

    

        

            

 

 

   

   

查询用户

 <%@ page contentType="text/html;charset=GB2312" %>

 


输入用户名:

   

   

你可能感兴趣的:(JSP程序设计——手机销售网后台设计)