易淘电子商城实训报告Word文档格式.docx
《易淘电子商城实训报告Word文档格式.docx》由会员分享，可在线阅读，更多相关《易淘电子商城实训报告Word文档格式.docx（29页珍藏版）》请在冰点文库上搜索。
inputtype="
text"
x-webkit-speech/>
这样你的输入框右边里就多了个「小话筒」，点击的时候就会提示
这时说出来识别后就可以了，我测试下来，中文英语的识别率还挺高的。
语音输入其他属性：
lang
这玩意可以强制输入框里面的语音的语言种类，例如<
x-webkit-speechlang="
zh-CN"
/>
语音事件
目前已知的只有onwebkitspeechchange，顾名思义，就是语音发生变化时触发的事件，一般可以作为提交<
x-webkit-speechonwebkitspeechchange="
$（this）.cloest（'
form'
）.submit（）"
这样说完以后就自动搜索了
x-webkit-grammar
这个不是语音搜索用的属性，但是可以控制这个输入的语法，例如在做搜索框的话就可以用<
x-webkit-speechx-webkit-grammar="
bUIltin:
search"
/>
使得语音输入的内容尽量靠近搜索内容，去除多余的字符，例如「的」
这个功能相当有趣，实用就不敢恭维了，主要是因为适用范围太小啊，所以只能希望HTML5尽快统一并应用了。
目 录
绪论1
1系统概述2
1.1系统说明2
1.2系统运行环境及其应用软件2
1.3系统特色简介2
2系统功能实习2
2.1前台购物系统：
2
2.2后台管理系统：
3系统架构实习3
4数据库结构实习3
5系统运行界面4
5.1主页界面4
5.2资讯管理4
5.4销售统计分析4
5.5会员网站管理4
5.6购物车功能4
5.7订单管理4
5.8产品管理4
5.9购物车的主要代码4
结 论12
致 谢13
参考文献14
绪论
JSP页面由HTML代码和嵌入其中的Java代码所组成。
服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。
JavaServlet是JSP的技术基础，而且大型的Web应用程序的开发需要JavaServlet和JSP配合才能完成。
JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。
JSP与微软的ActiveServerPages兼容，但它是使用类似HTML的卷标以及Java程序代码段而不是VBScript。
当你所使用的网站服务器没有提供本地ASP支持，也就是Apache或Netscape服务器时，你可以考虑使用JSP。
虽然你可以取得这些服务器的ASP附加配备模块，但价格相当昂贵，而目前Sun并没有对你所需要。
在电子商务网站开发中JavaServlet是JSP的技术基础，而且大型的Web应用程序的开发需要JavaServlet和JSP配合才能完成。
浏览器通过一个Web页面中的HTML表单请求一个servlet（PopulateBeanServlet），该servlet创建一个名为dataBean的DataBean实例，并调用JSP文件将内容发送到浏览器。
Servlet和JSP文件示例说明了启用内容分离的JSP访问模型。
当你所使用的网站服务器没有提供本地ASP支持，也就是Apache或Netscape服务器时，你可以考虑使用。
1系统概述
1.1系统说明
项目简介：
易购在线电子商城在线购物系统能够实现广大用户足不出户就能在线购买自己心仪的商品。
同时，能够语音搜索商品
1.2系统运行环境及其应用软件
开发技术：
Jsp+servlet
服务器：
Tomcat6.0
数据库：
MYSQL
开发工具：
MyEclipse+J2SDK1.4.2
运行环境：
HTML5，goole浏览器
1.3系统特色说明
HTML5是用于取代1999年所制定的HTML4.01和XHTML1.0标准的HTML标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些HTML5技术。
HTML5有两大特点：
首先，强化了Web网页的表现性能。
其次，追加了本地数据库等Web应用的功能。
广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。
它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-basedrichinternetapplication，RIA），如AdobeFlash、MicrosoftSilverlight，与OracleJavaFX的需求，并且提供更多能有效增强网络应用的标准集。
因此，不得不说：
HTML5是试一次时代的革新。
而本系统就是基于HTML5的一项开发，主要应用了HTML5的语音技术开发而成，因此，较其他的购物系统可以明显的表现出来他的优点，
一:
语音识别的功能提高了用户体验：
将语音识别功能写入搜索框中，不仅提高了用户的搜索效率，而且方便了用户的各种操作，使得界面更加贴近于用户的生活实际，
二：
语音识别的功能是与HTML5接轨的一项新技术，它标志着语音技术的在普通网站也是可以实现的，为我们在现实开发中提供了许多的好的技术革新。
2系统功能实习
（1）可实现在线注册；
（2）注册成功后，可进行登录，购买自己想要买的商品；
（3）可在线修改自己的个人信息；
（4）可以在线发表意见或留言；
（5）如果是EasyBuyOnline的用户，还可以在线查看自己以前发送的订单以及商品信息；
（6）同时也可以在线查找自己已忘记了的密码。
（1）管理员登录；
（2）查看所有注册用户的信息并对其编辑，并提供高级查询；
（3）查看/添加/删除商品信息，同时也提供了高级查询；
（4）查看/编辑用户所发送成功的所有订单，并对其进行编辑同时也提供了高级查询；
（5）查看/添加/删除商品的主分类（菜单）；
（6）查看/发布/编辑公告；
（7）查看/编辑注册用户所发送的意见或留言，并可对其进行回复；
（8）查看/编辑/添加用户在线支付的方式；
（9）查看/添加/删除管理员，同时也提供了高级查询。
。
3系统架构实习
Servlet
数据库
图4-1Easy-Buy系统三层结构
4数据库结构实习
数据访问层负责对业务层提供数据操作，也就是它负责和底层的数据库打交道。
业务层或者通用层中所有的对象都通过数据访问层的对象访问数据库。
数据访问层中的类是按业务对象来组织的，每个业务对象中包含的数据可能存在不同的几种数据表中，它由数据访问类统一组织成一个概念中的对象，它相当于是一个面向对象的数据库层，负责映射面向对象与关系数据库间的关系。
对数据库的所有操作均由存储过程完成，数据层只是在前台调用后台的存储过程。
数据库的相关设计如下
Order——shop表
Person表
Shop表
Shop_type表
5系统运行界面
5.1主页界面
网店店铺就是网上开的店铺，作为电子商务的一种形式，是一种能够让人们在浏览的同时进行实际购买，并且通过各种支付手段进行支付完成交易全过程的网站。
5.2资讯管理
站点资讯管理”可对站点的资讯栏目进行管理。
包括新增栏目、删除栏目。
设置首页显示后，可以在“网站设置-栏目管理”模块中重新安排该模块在首页中的显示效果。
5.3商品管理
产品橱窗管理主要指的是用户可以根据自己的需求建立橱窗，将相应的产品放进橱窗，分文别类，方便买家进行搜索查看，能使买家更便捷的找到产品，清晰明朗，一目了然。
5.4销售统计分析
为网站的运营提供详尽的分析报表。
为经营者的广告投放、网站阵列方式做出指导依据。
日、周、月、季营收（销售，预售，实收）报表。
5.5会员网站管理
可查看加入您商城会员的网站名称，可以对网站进行显示/屏蔽、推荐等。
显示/屏蔽：
显示功能是指在平台中显示该会员的网站。
5.6购物车功能
我的购物车中包含有自己选择的商品，可以知道购买商品数量和总价钱。
也可对其删除和继续购物，或是去结账还可以清空购物车等功能。
5.7订单管理
顾客在前台提交了订单之后，可以在其会员中心查询订单的处理进程，网上商城系统的后台订单处理包括订单审核、财务处理、物流处理等内容。
5.8产品管理
通过后台产品管理模块，对整体网站供用户购买的商品进行统一管理，如新品上市的添加、停售商品的删除、商品评论的审核等，主要包括：
产品类别定义：
大类、小类、子分类的定义。
5.9主要代码
由于代码太多，这里不宜一一列举，就登录模块来列举其中获得代码
这是index。
Jsp
%@pagelanguage="
java"
import="
java.util.*"
pageEncoding="
utf-8"
%>
<
%@pageimport="
com.yuyin.factory.*"
com.yuyin.vo.*"
%>
%
Stringpath=request.getContextPath（）;
StringbasePath=request.getScheme（）+"
:
//"
+request.getServerName（）+"
"
+request.getServerPort（）+path+"
/"
;
!
DOCTYPEHTMLPUBLIC"
-//W3C//DTDHTML4.01Transitional//EN"
>
html>
head>
basehref="
%=basePath%>
title>
电子语音商城<
/title>
metahttp-equiv="
pragma"
content="
no-cache"
cache-control"
expires"
0"
keywords"
keyword1,keyword2,keyword3"
description"
Thisismypage"
linkrel="
stylesheet"
type="
text/css"
href="
style.css"
--[ifIE6]>
css/iecss.css"
[endif]-->
scripttype="
text/javascript"
src="
js/jquery-1.4.2.js"
/script>
js/boxOver.js"
--导入javaScript判断-->
functioncheckEmpty（form）{
for（i=0;
i<
form.length;
i++）{
if（form.elements[i].value=="
）{
alert（"
表单信息不能为空"
）;
returnfalse;
}
}
}
functionaa（）{
varsearch=document.getElementById（"
）.value;
window.open（"
query.jsp?
search="
+search）;
}
/head>
body>
Stringsheng=（String）application.getAttribute（"
SE"
Strings="
请登录"
divid="
main_container"
--主容器-->
divclass="
top_bar"
<
top_left"
style="
position:
absolute;
top:
0px;
left:
200px;
width:
100px;
height:
50px;
color:
white"
%
if（sheng==null）{
out.print（"
请登录|"
}else
{
out.print（（（String）application.getAttribute（"
））+"
ahref=\"
zhuxiao.jsp\"
注销<
/a>
/div>
--最上面工具栏-->
top_search"
--工具栏里面的搜索-->
search_text"
站内搜索<
class="
search_input"
x-webkit-speechname="
id="
image"
images/search.gif"
search_bt"
onclick="
aa（）"
header"
--这是head层的显示位置-->
logo"
--这是logo层的显示位置-->
ahref="
index.html"
imgsrc="
images/logo.png"
alt="
title="
border="
width="
237"
height="
140"
oferte_content"
top_divider"
images/header_divider.png"
1"
164"
--这是用于logo与动画的分隔线的显示位置-->
oferta"
--此处用于插入动态广告-->
<
jsp:
includepage="
image.jsp"
/jsp:
include>
--endofoferte_content-->
--这是head层的结束位置-->
main_content"
menu_tab"
--这是菜单的开始位置-->
left_menu_corner"
--这是菜单左侧的圆角层-->
ulclass="
menu"
--这是菜单内容的<
ul>
-->
li>
index.jsp"
nav1"
首页<
/li>
liclass="
divider"
lionMouseMove="
showTip（）"
onMouseOut="
closeTip（）"
#"
nav2"
sss"
商品<
dejia.jsp"
nav3"
特价<
person.jsp?
action=<
%=sheng%>
"
zhanghu"
nav4"
我的账户<
SignUp<
nav5"
Shipping<
contact.html"
nav6"
联系我们<
currencies"
友情链接
select>
option>
淘宝网<
/option>
京东商城<
/select>
/ul>
right_menu_corner"
--菜单的结束位置-->
left_content"
login"
margin-left:
margin-top:
3px"
Stringstr1="
divclass=\"
title_box\"
>
用户信息<
+
"
border_box\"
style=\"
border-color:
#649EA8\"
id=\"
AS\"
+
formname=\"
form\"
method=\"
post\"
action=\"
PersonServlet?
method=2\"
onSubmit=\"
returncheckEmpty（form）\"
tablewidth=\"
185\"
border=\"
0\"
align=\"
center\"
15px;
20px;
\"
tr>
tdwidth=\"
50\"
height=\"
25\"
fontsize=\"
2\"
用户名：
/font>
/td>
110\"
left\"
inputname=\"
name\"
type=\"
text\"
size=\"
12\"
/tr>
tdheight=\"
密&
nbsp;
&
码：
tdalign=\"
password\"
"
26\"
inputtype=\"
image\"
class=\"
input1\"
src=\"
image/denglu.jpg\"
width=\"
51\"
20\"
#6666661pxsolid\"
ahref
升级会员 