第六组网上图书管理系统前台界面设计与实现总结书Word格式文档下载.docx
《第六组网上图书管理系统前台界面设计与实现总结书Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《第六组网上图书管理系统前台界面设计与实现总结书Word格式文档下载.docx(13页珍藏版)》请在冰豆网上搜索。
1、页面模块化:
系统界面的设计使用模块进行处理,如把页面的头、尾页面内容,数据库的连接等做成单独的文件,在其它页面设计中需要时可以把其他页面的相应的内容包括进去了,这样有利于页面风格比较统一以及提高开发系统的效率。
2、图书信息模板的应用:
本系统的图书信息代码的生成是基于模块的,更换图书信息内容时只要将图书新的一些必要的信息录入,然后自动修改图书信息的模板。
3、功能较完善,管理方便:
功能方面包括图书产品的展示、用户注册及登录、图书的在线查询、定购等各个方面,完整。
浏览检索书
选购书
是否登录
登录界面
老用户登录
密码验证
新用户注册
写个人信息
注册成功证
浏览检索商品
选购商品
放入购物车
是否结算
商品结算
服务商家处理订单
收到货款
商家删除订单
商家发货
N
Y
因此得用户登陆网站后购物的主要处理流程如下:
前台管理:
分为用户管理图书查询图书订购用户基本信息
首页编辑及运行
1:
网站的首页:
(如下图展示)是网站的主体信息中心。
主体分为TOP,LEFT,MAIN,和BOTTOM四个部分,其中MAIN是整个页面的中心。
在MAIN区,放置了一本主编推荐的图书,有一张书面的图片和旁白图书的详细介绍及图书的销售价格和折扣等信息。
再下面就是其他的书籍图片,方便用户选择图书,而不需要页面的跳转。
所有的图片都有链接,可以方便的实现链接订购。
图片介绍下面还有书的折扣,价钱的信息等,MAIN区起的主要作用是和数据库交互,实现图书的订阅,浏览等。
如果顾客想购买此物品,就点击“购买”按钮,然后进入购物流程,转到“我的购物车”板块。
MAIN区的下面部分显示了本月推荐的几本新书,和MAIN区域上面部分的图书采用相同的显示方式。
然后就是本周的图书推荐,这只是单本图书,所以信息显网上书店管理系统
和主编推荐的图书采用相同的显示效果,只是添加了媒体评论这个交流的平台区域。
LEFT部分主要是一个导航,将所有的图书分类导航,使客户可以方便的选择自己需要的图书分类,也很容易才查看到书店的所有图书,所以是一个实用性很强的导航区域。
BOTTOM区显示的是公司的信息,及版权的分需求功能。
当用户选择时BOTTOM区就会根据用户的选择自动跳转到相应的页面。
首页界面展示图
首页详细设计的核心代码如下:
Default.aspx
用来显示主页
<
%@
Page
Language="
C#"
MasterPageFile="
~/common.master"
AutoEventWireup="
true"
CodeFile="
Default.aspx.cs"
Inherits="
_Default"
Title="
首页|第三波+书店"
%>
asp:
Content
ID="
Content1"
ContentPlaceHolderID="
cphContent"
Runat="
Server"
>
table
width="
98%"
border="
0"
cellspacing="
cellpadding="
tr>
td
height="
10"
bgcolor="
#BBE188"
/td>
/tr>
/table>
br
/>
align="
left"
img
src="
images/06default_1018_28.gif"
77"
18"
right"
&
nbsp;
120"
155"
valign="
top"
a
href="
BookDetail.aspx?
bid=4943"
target="
_blank"
BookCover.ashx?
isbn=978711515888"
111"
148"
/a>
center"
95%"
colspan="
5"
class="
linetext"
strong>
Effective
C#
中文版改善C#程序的50种方法<
/strong>
2:
用户注册页面和老用户登陆
新用户注册页面。
新用户只有注册了才能完成对图书的订购,管理自己的购物车,查看已经订阅的图书图书。
点确定后,转入首页,填入的信息写进数据库,实现交互。
注册页面展示
登陆界面
详细设计代码详情
public
static
class
DBHelper
{
private
SqlConnection
connection;
Connection
get
string
connectionString
=
ConfigurationManager.ConnectionStrings["
MyBookShop"
].ConnectionString;
if
(connection
==
null)
connection
new
SqlConnection(connectionString);
connection.Open();
}
else
(connection.State
System.Data.ConnectionState.Closed)
System.Data.ConnectionState.Broken)
connection.Close();
return
int
ExecuteCommand(string
safeSql)
SqlCommand
cmd
SqlCommand(safeSql,
Connection);
result
cmd.ExecuteNonQuery();
result;
sql,
params
SqlParameter[]
values)
SqlCommand(sql,
cmd.Parameters.AddRange(values);
GetScalar(string
Convert.ToInt32(cmd.ExecuteScalar());
SqlDataReader
GetReader(string
reader
cmd.ExecuteReader();
reader;
DataTable
GetDataSet(string
DataSet
ds
DataSet();
SqlDataAdapter
da
SqlDataAdapter(cmd);
da.Fill(ds);
ds.Tables[0];
3:
购买页面运行
录顾客点击“购买”按钮后,系统会弹出他的购物车,并显示他已购买的物品和现在想购买的书籍,他在“编辑”中可以输入现在购买书籍的数量,而“删除”可以取消订购的图书。
如果顾客想完成本次购买就可以点击“结算”,然后操作流程就进入了书店的后台管理部分。
系统会把当前“购买”所对应的图书的书名、价格、数量等信息添加到购物车中,默认图书的数量为1本。
在浏览购物车页面,用户可以对图书的数量进行修改,也可删除购物车中的图书信息。
系统根据用户购买图书的数量和价格,计算出总价。
通过与数据库实现交互,此时用户也可以继续购买其他的书籍。
购买界面展示
/span>
/div>
td>
images/shop-cart-header-blue.gif"
206"
27"
ValidationSummary
vsMessage"
runat="
server"
ShowSummary="
False"
ShowMessageBox="
True"
100%"
4"
contentstyle"
style="
text-align:
tr
vertical-align:
HeaderColor"
height:
364px"
GridView
gvCart"
Width="
AutoGenerateColumns="
AllowPaging="
OnPageIndexChanging="
gvCart_PageIndexChanging"
OnRowEditing="
gvCart_RowEditing"
PageSize="
OnRowCancelingEdit="
gvCart_RowCancelingEdit"
OnRowDeleting="
gvCart_RowDeleting"
OnRowDataBound="
gvCart_RowDataBound"
OnRowUpdating="
gvCart_RowUpdating"
Columns>
TemplateField
HeaderText="
图示"
ItemTemplate>
id="
imgbook"
src='
%#
GetUrl(DataBinder.Eval(Container.DataItem,"
ImageUrl"
).ToString())
'
49"
56"
/ItemTemplate>
/asp:
TemplateField>
书名"
Label
lblBookName"
Text='
Bind("
BookName"
)
Label>
数量"
EditItemTemplate>
TextBox
txtNumber"
Number"
TextBox>
RequiredFieldValidator
rfvNumber"
ControlToValidate="
ErrorMessage="
请输入数量"
Text="
*"
RequiredFieldValidator>
RegularExpressionValidator
refNumber"
请输入非负整数"
ValidationExpression="
^[0-9]*[1-9][0-9]*$"
RegularExpressionValidator>
/EditItemTemplate>
Label1"
单价"
lblUnitPrice"
UnitPrice"
CommandField
ShowEditButton="
ShowHeader="
LinkButton
lnkbtnDelete"
CausesValidation="
CommandName="
Delete"
删除"
LinkButton>
Visible="
lblBookId"
BookId"