手机销售网
功能包括用户注册、登录、浏览手机、查询手机、查看购物车、查看订单、退出、返回主页这8个功能,添加了后台管理功能。
一、简单介绍前台功能:
用户注册:
注册成功:
用户登录:
登录成功:
浏览手机:
提交:
查看细节:
放入购物车:
查看购物车:
查询手机:
提交:
退出与主页:
二、接下来介绍后台管理功能:
树形菜单:
树形菜单具体实现代码之一:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>网上商城管理中心title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="${pageContext.request.contextPath }/css/general.css" rel="stylesheet" type="text/css" />
<link href="${pageContext.request.contextPath }/css/main.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
color: white;
}
style>
head>
<body style="background: #278296">
<center>center>
<form method="post" action="${pageContext.request.contextPath }/admin/home.jsp" target="_parent" name='theForm' onsubmit="return validate()">
<table cellspacing="0" cellpadding="0" style="margin-top: 100px" align="center">
<tr>
<td style="padding-left: 50px">
<table>
<tr>
<td>管理员姓名:td>
<td><input type="text" name="username" />td>
tr>
<tr>
<td>管理员密码:td>
<td><input type="password" name="password" />td>
tr>
<tr><td> td><td><input type="submit" value="进入管理中心" class="button" />td>tr>
table>
td>
tr>
table>
form>
<script language="JavaScript">
script>
body>
具体功能有三类,分别是添加管理、删除管理和退出。添加管理有添加分类、添加商品、添加用户、添加订单。删除管理有删除分类、删除商品、删除用户、删除订单。
部分功能运行截图:
添加订单:
添加商品:
删除用户即用户注销:
三、总结与体会
这次的实验前前后后花了很长时间,准备实验环境即下载安装myeclipse和mqsql等软件就用了很长时间,比其他同学花了更长的时间去下载和安装。这意味着以后我需要提前去准备好实验环境,不懂的地方及时百度查询,还是弄不懂就需要及时询问同学或者身边的大佬。
一开始把前台源代码复制到相应的目录下并运行,出现了连不上数据库的情况,一开始我以为是数据库的驱动版本不对,所以连不上,再装了相应的JDBC驱动之后,还是连不上mysql。找了很久的问题,才发现自己建立数据库的时候,表名与代码中的名字不一致,更改之后,就可以连上了。
在这次实验过程中,出现了许多问题,通过问老师和身边大佬以及百度后,才一一解决。这次实验时间说长不长说短不短,但由于我前期准备实验环境花费的时间太多,导致后期真正开始实验的时间缩短了很多。
这次的功能较少,只有添加、删除和退出功能,以后我会慢慢补全其他功能,如查询功能(查询用户、查询商品等)等。