电气工程
会计论文
金融论文
国际贸易
财务管理
人力资源
学前教育
德语论文
工程管理
文化产业
机械设计
汉语文学
英语论文
物流论文
电子商务
法律论文
工商管理
旅游管理
市场营销
药学论文
制药工程
生物工程
包装工程
模具设计
测控专业
工业工程
教育管理
行政管理
计算机论
电子信息
体育教育
小学教育
印刷工程
土木工程
书法论文
护理论文
心理学论
信息管理
公共事业
给水排水
范文首页
|
毕业论文
|
论文范文
|
计算机论文
|
外文翻译
|
工作总结
|
工作计划
|
现成论文
|
论文下载
|
教学设计
|
免费论文
|
原创论文
|
全站搜索
搜索
高级搜索
当前位置:
论文同学网:毕业论文范文网-论文范文
->
免费论文
->
电子商务论文
《电子商务网站》报告
作者: 浏览:
10
次
免费专业论文
政治工作论文
计算机论文
营销专业论文
工程管理论文范文
医药医学论文范文
法律论文范文
生物专业论文
物理教学论文范文
人力资源论文范文
化学教学论文范文
电子专业论文范文
历史专业论文
电气工程论文
社会学专业论文
英语专业论文
行政管理论文范文
语文专业论文
电子商务论文范文
焊工钳工技师论文
社科文学论文
教育论文范文
数学论文范文
物流论文范文
建筑专业论文
食品专业论文
财务管理论文范文
工商管理论文范文
会计专业论文范文
专业论文格式
化工材料专业论文
英语教学专业论文
电子通信论文范文
旅游管理论文范文
环境科学专业论文
经济论文
人力资源论文范文
营销专业论文范文
财务管理论文范文
物流论文范文
财务会计论文范文
数学教育论文范文
数学与应用数学论文
电子商务论文范文
法律专业论文范文
工商管理论文范文
汉语言文学论文
计算机专业论文
环境艺术专业论文
信息计算科学专业
物流专业论文范文
人力资源论文范文
教育管理论文范文
现代教育技术论文
小学教育论文范文
机械模具专业论文
报告,总结,申请书
理工科专业论文
心理学论文范文
学前教育论文范文
毕业论文范文题目:
《电子商务网站》报告
,论文范文关键词:
《电子商务网站》报告
《电子商务网站》报告毕业论文范文介绍开始:
关于《电子商务网站》报告(题目格式要求:宋体三号字加粗居中,副标题用小四号字)
正文格式要求:(宋体五号字,开头空两格写)
网站建设这一门课程让我很感兴趣,于是利用其它的时间拓展学习了HTML方面的知识,试着研究了一个小型的“电子商务网站”的建设。
随着网络与信息技术的不断发展,网站可用性已经越来越为各国学者与网站开发人员所重视,可用性设计已成为网站设计中极为重要的组成部分。同时,互联网的飞速发展,使网站建设突飞猛进,而对网站类型却没有明确的划分标准,导致难以分别对某一网站类型进行具体的可用性设计分析。
一、开发背景(格式要求:论文小标题空两
格写,字体:宋体五号,加粗)
中国电子商务在20世纪90年代开始出现,这个时候电子商务只是一种概念。这一阶段出现了一些比较典型的电子商务企业,如8848,易趣等。随着人们对电子商务的逐渐认识,在新世纪产生了若干电子商务企业,涉及范围从B2B以及B2C等多方面发展。
随着网络产业向纵深层次的不断发展,更多的人参与到网络产业中,往往是利益的驱使使得人们行为过于盲目,从03年开始中国互联网进入低潮,一部分人放弃互联网,一部分企业不得不采取一定的收索策略甚至转变业务!这些使得他们不得不从新定位和思考如何发展新一代的电子商务!那么可以说现阶段中国电子商务真正得到发展的第一步应当从这个时候开始!
二、系统功能分析
本网站是一个小型电子商务网站,在本网站中,开发了注册用户的购物平台,对大家提供的服务有用户注册、用户登录、用户购物,购物后付款等功能。
功能结构图,如图1所示:
三、数据库设计
根据需求分析,该网站数据库的实体主要有:用户信息,订单信息,商品信息。用户信息包含的属性有用户标识,、用户名、密码、姓名、邮箱、手机、生日、性别;订单信息包含的属性主要有订单ID、订单时间、总价、地址、姓名、手机、用户标识。商品信息包含的属性主要有
用户信息E-R图,如图2所示:
用户信息对应数据表,包含:用户标识、用户名、密码、姓名、邮箱、手机、生日、性别。如表1所示:
表1 用户信息表user
字段名
字段类型
字段大小
是否为空
是否为主键
说明
uid
varchar
32
not null
primary key
用户标识,主键
username
varchar
20
not null
/
用户名
password
varchar
20
not null
/
密码
name
varchar
20
null
/
姓名
email
varchar
30
null
/
邮箱
telephone
varchar
20
null
/
手机
birthday
date
null
/
生日
sex
char
2
null
/
性别
订单信息E-R图,如图3所示:
订单信息对应数据表,包含:订单ID、订单时间、总价、地址、姓名、手机、用户标识。如表2所示:
表2 订单信息表orders
字段名
字段类型
字段大小
是否为空
是否为主键
说明
oid
varchar
32
not null
primary key
订单ID,主键
ordertime
datetime
null
/
订单时间
total
double
null
/
总价
address
varchar
30
null
/
地址
name
varchar
20
null
/
姓名
telephone
varchar
20
null
/
手机
uid
varchar
32
not null
/
用户标识
商品信息E-R图,如图4所示:
商品信息对应数据表,包含:商品ID、商品名称、商品价格、商品图片。如表3所示:
表3 商品信息表product
字段名
字段类型
字段大小
是否为空
是否为主键
说明
pid
varchar
32
not null
primary key
商品ID,主键
pname
varchar
50
null
/
商品名称
shop_price
double
not null
/
商品价格
pimage
varchar
200
null
/
商品图片
四、界面设计
根据网站的功能需求分析,系统至少包含6个界面,分别为(只贴出部分核心源码,所有源码请浏览:https://github.com/LauWingHung/Store):
网站主页:网站首页有导航栏、登录、注册按钮,有图片轮播功能并可以看到商品信息。如图5所示。
JSP核心源码:
<!--描述:轮播条-->
<div class="container-fluid">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="${pageContext.request.contextPath}/img/ad/1.jpg">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="${pageContext.request.contextPath}/img/ad/2.jpg">
<div class="carousel-caption">
</div>
</div>
<div class="item">
<img src="${pageContext.request.contextPath}/img/ad/3.jpg">
<div class="carousel-caption">
</div>
</div> </div>
注册页面:游客可以在此页面进行注册用户。如图6所示
JSP核心源码:
<div class="col-md-8" style="background:#fff;padding:40px 80px;margin:30px;border:7px solid #ccc;">
<font>会员注册</font>USER REGISTER
<form class="form-horizontal" style="margin-top:5px;" action="${pageContext.request.contextPath}/UserServlet?method=regist" method="post">
<div class="form-group">
<label for="username" class="col-sm-2 control-label">用户名</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="username" id="username" placeholder="请输入用户名">
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">密码</label>
<div class="col-sm-6">
<input type="password" name="password" class="form-control" id="inputPassword3" placeholder="请输入密码">
</div>
</div>
<div class="form-group">
<label for="confirmpwd" class="col-sm-2 control-label">确认密码</label>
<div class="col-sm-6">
<input type="password" class="form-control" id="confirmpwd" placeholder="请输入确认密码">
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Email</label>
<div class="col-sm-6">
<input type="email" class="form-control" name="email" id="inputEmail3" placeholder="Email">
</div>
</div>
<div class="form-group">
<label for="usercaption" class="col-sm-2 control-label">姓名</label>
<div class="col-sm-6">
<input type="text" name="name" class="form-control" id="usercaption" placeholder="请输入姓名">
</div>
</div>
<div class="form-group opt">
<label for="inlineRadio1" class="col-sm-2 control-label">性别</label>
<div class="col-sm-6">
<label class="radio-inline">
<input type="radio" name="sex" id="inlineRadio1" value="男"checked="checked"> 男
</label>
<label class="radio-inline">
<input type="radio" name="sex" id="inlineRadio2" value="女"> 女
</label>
</div>
</div>
<div class="form-group">
<label for="date" class="col-sm-2 control-label">出生日期</label>
<div class="col-sm-6">
<input type="date" class="form-control" name="birthday" >
</div>
</div>
<div class="form-group">
<label for="usercaption" class="col-sm-2 control-label">手机号码</label>
<div class="col-sm-6">
<input type="text" name="telephone" class="form-control" id="telephone" placeholder="请输入手机号码">
</div>
</div>
<div class="form-group">
<label for="date" class="col-sm-2 control-label">验证码</label>
<div class="col-sm-3">
<input type="text" class="form-control" >
</div>
<div class="col-sm-2">
<img src="${pageContext.request.contextPath}/img/captcha.jhtml"/>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<input type="submit" width="100" value="注册" name="submit" border="0"
style="background: url('${pageContext.request.contextPath}/img/register.gif') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:35px;width:100px;color:white;">
</div>
</div>
</form>
</div>
Java后台核心源码:
public void userRegist(User user) throws SQLException {
String sql="INSERT INTO USER VALUES(?,?,?,?,?,?,?,?,?,?)";
QueryRunner qr = new QueryRunner(JDBCUtils.getDataSource());
Object[] params ={user.getUid(),user.getUsername(),user.getPassword(),user.getName(),
user.getEmail(),user.getTelephone(),user.getBirthday(),user.getSex(),user.getState(),user.getCode()};
qr.update(sql,params);
}
用户登录页面:用户可以在这个页面里登录。如图7所示。
JSP核心源码:
<form class="form-horizontal" method="post" action="${pageContext.request.contextPath}/UserServlet?method=userLogin">
<div class="form-group">
<label for="username" class="col-sm-2 control-label">用户名</label>
<div class="col-sm-6">
<input type="text" class="form-control" name="username" id="username" placeholder="请输入用户名">
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">密码</label>
<div class="col-sm-6">
<input type="password" class="form-control" name="password" id="inputPassword2" placeholder="请输入密码">
</div>
</div>
<div class="form-group">
<label for="inputPassword3" class="col-sm-2 control-label">验证码</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="inputPassword3" placeholder="请输入验证码">
</div>
<div class="col-sm-3">
<img src="${pageContext.request.contextPath}/img/captcha.jhtml"/>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox"> 自动登录
</label>
<label>
<input type="checkbox"> 记住用户名
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<input type="submit" width="100" value="登录" name="submit" border="0"
style="background: url('${pageContext.request.contextPath}/img/login.gif') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:35px;width:100px;color:white;">
</div>
</div>
</form>
Java后台核心源码:
public User userLogin(User user) throws SQLException {
String sql="select * from user where username=? and password=?";
QueryRunner qr = new QueryRunner(JDBCUtils.getDataSource());
return
qr.query(sql,new BeanHandler<User>(User.class),user.getUsername(),user.getPassword());
}
商品信息页面:可以浏览商品的信息以及加入购物车,如图8所示。
Jsp核心源码:
class ModifyContactFrame extends JFrame implements ActionListener {
private static final long serialVersionUID = 1L;
JLabel l1 = new JLabel("姓 名:", JLabel.CENTER);
<form id="myForm" action="${pageContext.request.contextPath}/CartServlet?method=addCartItemToCart" method="post">
<div class="col-md-6">
<div><strong>${product.pname}</strong></div>
<div style="border-bottom: 1px dotted #dddddd;width:350px;margin:10px 0 10px 0;">
<div>编号:${product.pid}</div>
</div>
<div style="margin:10px 0 10px 0;">商 城 价: <strong style="color:#ef0101;">¥:${product.shop_price}元/份</strong> 市 场 价: <del>¥${product.market_price}元/份</del>
</div>
<div style="margin:10px 0 10px 0;">促销: <a target="_blank" title="限时抢购 (2014-07-30 ~ 2015-01-01)" style="background-color: #f07373;">限时抢购</a> </div>
<div style="padding:10px;border:1px solid #e7dbb1;width:330px;margin:15px 0 10px 0;;background-color: #fffee6;">
<div style="margin:5px 0 10px 0;">白色</div>
<div style="border-bottom: 1px solid #faeac7;margin-top:20px;padding-left: 10px;">购买数量:
<!-- 向服务端发送购买数量-->
<input id="quantity" name="quantity" value="1" maxlength="4" size="10" type="text"> </div>
<!-- 向服务端发送商品PID-->
<input type="hidden" name="pid" value="${product.pid}" />
<div style="margin:20px 0 10px 0;;text-align: center;">
<%--加入到购物车 --%>
<!--取消a标签链接默认行为-->
<a href="java script:void(0)">
<input id="btnId" style="background: url('${pageContext.request.contextPath}/img/product.gif') no-repeat scroll 0 -600px rgba(0, 0, 0, 0);height:36px;width:127px;" value="加入购物车" type="button">
</a> 收藏商品</div>
</div>
</div>
</form>
Java后台核心源码:
public Product findProductByPid(String pid) throws Exception {
String sql="select * from product where pid=?";
QueryRunner qr=new QueryRunner(JDBCUtils.getDataSource());
return qr.query(sql,new BeanHandler<Product>(Product.class),pid);
}
购物车页面:用户可以在此界面删除购物车的商品、清空购物车、提交订单,如图9所示。
Jsp核心源码:
public class QueryContactFrame extends JFrame implements
div class="container">
<c:if test="${empty cart.cartItems}">
<div class="row">
<div class="col-md-12">
<h1>购物车没有商品</h1>
</div>
</div>
</c:if>
<c:if test="${not empty cart.cartItems}">
<div class="row">
<div style="margin:0 auto; margin-top:10px;width:950px;">
<strong style="font-size:16px;margin:5px 0;">订单详情</strong>
<table class="table table-bordered">
<tbody>
<tr class="warning">
<th>图片</th>
<th>商品</th>
<th>价格</th>
<th>数量</th>
<th>小计</th>
<th>操作</th>
</tr>
<c:forEach items="${cart.cartItems}" var="item">
<tr class="active">
<td width="60" width="40%">
<input type="hidden" name="id" value="22">
<img src="${pageContext.request.contextPath}/${item.product.pimage}" width="70" height="60">
</td>
<td width="30%">
<a target="_blank">${item.product.pname}</a>
</td>
<td width="20%">
¥${item.product.shop_price}
</td>
<td width="10%">
<input type="text" name="quantity" value="${item.num}" maxlength="4" size="10">
</td>
<td width="15%">
<span class="subtotal">¥${item.subTotal}</span>
</td>
<td>
<a href="java script:;" id="${item.product.pid}" class="delete">删除</a>
</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
<div style="margin-right:130px;">
<div style="text-align:right;">
<em style="color:#ff6600;">
登录后确认是否享有优惠
</em> 赠送积分: <em style="color:#ff6600;">${cart.total}</em> 商品金额: <strong style="color:#ff6600;">¥${cart.total}元</strong>
</div>
<div style="text-align:right;margin-top:10px;margin-bottom:10px;">
<a href="${pageContext.request.contextPath}/CartServlet?method=clearCart" id="clear" class="clear">清空购物车</a>
<a href="${pageContext.request.contextPath}/OrderServlet?method=saveOrder">
<%--提交表单 --%>
<input type="submit" width="100" value="提交订单" name="submit" border="0" style="background: url('${pageContext.request.contextPath}/img/register.gif') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
height:35px;width:100px;color:white;">
</a>
</div>
</div>
</c:if>
</div>
订单页面:可以看到用户的订单信息,如图10所示。
核心源码:
<div class="row">
<div style="margin:0 auto; margin-top:10px;width:950px;">
<strong>我的订单</strong>
<table class="table table-bordered">
<c:forEach items="${page.list}" var="o">
<tbody>
<tr class="success">
<th colspan="5">
订单编号:${o.oid}
总金额:¥${o.total}元
<c:if test="${o.state==1}">
<a href="${pageContext.request.contextPath}/OrderServlet?method=findOrderByOid&oid=${o.oid}">付款</a>
</c:if>
<c:if test="${o.state==2}">
未发货
</c:if>
<c:if test="${o.state==3}">
<a href="#">签收</a>
</c:if>
<c:if test="${o.state==4}">
已收货
</c:if>
</th>
</tr>
<tr class="warning">
<th>图片</th>
<th>商品</th>
<th>价格</th>
<th>数量</th>
<th>小计</th>
</tr>
<c:forEach items="${o.list}" var="item">
<tr class="active">
<td width="60" width="40%">
<input type="hidden" name="id" value="22">
<img src="${pageContext.request.contextPath}/${item.product.pimage}" width="70" height="60">
</td>
<td width="30%">
<a target="_blank">${item.product.pname}</a>
</td>
<td width="20%">
¥${item.product.shop_price}
</td>
<td width="10%">
${item.quantity}
</td>
<td width="15%">
<span class="subtotal">¥${item.total}</span>
</td>
</tr>
</c:forEach>
</tbody>
</c:forEach>
</table>
</div>
</div>
<%@include file="pageFile.jsp"%>
</div>
五、模块实现
1、系统的具体功能的描述
用户注册功能:对用户注册时输入的用户名、密码、姓名、邮箱、手机、生日、性别储存到数据库。
用户登录功能:对用户名和密码合法性的验证,通过用户的输入内容对比数据库用户表,如果用户名和密码都正确就进入主页面,否则提示密码或用户名错误。继续停留在登录页面,待重新输入。
购物功能:用户可从导航栏进入商品分类,选择商品、加入购物车、提交确认订单。
订单功能:用户可以在“我的订单”查询到所有订单。
结合上述的分析以及页面设计,在开发小型电子商务网站的时候,可以定义以下模块来实现:
Web模块:实现此网站的各个页面的跳转、调用。
Service模块:通过service层访问DAO层来实现业务逻辑。
Dao模块:实现数据库功能的操作,(比如对用户、商品和订单的增、删、改、查询等操作),描述联系人实体类
结合以上模块的内容,实现此系统的项目文件夹结构如表4所示:
表4 小型电子商务网站项目结构表
模块
包
类
Web模块
servlet
UserServlet、CartServlet、OrderServlet、CategoryServlet
Service模块
service
UserService、ProductService、OrderService、CategoryService
Dao模块
dao
UserDao、ProductDao、OrderDao、CategoryDao
其中,User*类实现用户信息的所有功能,Cart*类实现购物车的所有功能,Order*类实现订单的所有用能,Category*类实现所有商品以及商品类别的所有功能。
参考资料:
(1)疯狂Java讲义,李刚,电子工业出版社,第四版.
(2)Java编程思想,埃克尔,机械工业出版社,第四版.
(3)Head First Java, Kathy Sierra,巴萨姆, 中国电力出版社,第二版.
(4)Head First Servlets & JSP(中文版),中国电力出版社.
结语: 目前,IT技术在O2O模式的应用不仅是商务领域,在教育、医疗等方面的应用均有待开发,这也正是机会所在,这也是O2O模式网站开发的未来。
(……表示范例的中间内容省略,正文字数不能少于2500字,正文字号为宋体5号。)
以上为本篇毕业论文范文
《电子商务网站》报告
的介绍部分。
本论文在
电子商务论文
栏目,由
论文网
(www.zjwd.net)整理,更多论文,请点
论文范文
查找
收费专业论文
汉语言文学论文
物理学论文
自动化专业论文
测控技术专业论文
历史学专业论文
机械模具专业论文
金融专业论文
电子通信专业论文
材料科学专业论文
英语专业论文
会计专业论文
行政管理专业论文
财务管理专业论文
电子商务国贸专业
法律专业论文
教育技术学专业论文
物流专业论文
人力资源专业论文
生物工程专业论文
市场营销专业论文
土木工程专业论文
化学工程专业论文
文化产业管理论文
工商管理专业论文
护理专业论文
数学教育专业论文
数学与应用数学专业
心理学专业论文
信息管理专业论文
工程管理专业论文
工业工程专业论文
制药工程专业论文
电子机电信息论文
现代教育技术专业
新闻专业论文
热能与动力设计论文
教育管理专业论文
日语专业论文
德语专业论文
轻化工程专业论文
社会工作专业论文
乡镇企业管理
给水排水专业
服装设计专业论文
电视制片管理专业
旅游管理专业论文
物业管理专业论文
信息管理专业论文
包装工程专业论文
印刷工程专业论文
动画专业论文
营销专业论文范文
工商管理论文范文
汉语言文学论文范文
法律专业论文范文
教育管理论文范文
小学教育论文范文
学前教育论文范文
财务会计论文范文
电子商务论文范文
上一篇
:
关于基于UGC社区的购物APP功能优..
下一篇
:
电子商务模式下消费者行为研究 (7)
最新论文
精品推荐
热门论文