Web系统网站设计方案报告.docx

资源描述

ASP.NET Web应用网站设计汇报学院：计算机学院姓名: 学号：专业：目录 1、网站设计背景 3 1．1开发环境： 3 2、设计题目 3 3、总体设计方案 3 3.1功能设计 4 4、处理流程 4 5、功能的实现 5 5.1首页设计效果 5 5.2图书界面设计效果 11 5.3登录功能设计效果 16 5.4注册功能设计效果 17 5.5清仓、优惠设计效果 19 5.6加入购物车继续购买、付款设计效果 21 5.7购物车及收银台 22 6、数据库设计 23 6.1数据库设计方案 23 6.2 部分截图 24 6.2.1数据库建表 24 6.2.2保存用户信息的表 24 6.2.3保存商品信息的表 24 6.2.4保存购物车信息的表 25 7、总结 25 1、网站设计背景伴随计算机技术和网络技术快速崛起，计算机日渐深刻在改变着大家生产生活方法。大家已经对去固定场所、购置(出售)固定物品交易方法所带来不便越来越感到不满，交易时间长、效率低。高额运费、销售场地凭租费等繁多额外开支也给商家带来沉重成本支出。为了适应市场、适应经济前进步伐，买家和商家全部在努力主动地寻求一个能够带来高效率、低成本销售模式。开发网上商城、研究网上商城推广方法，不仅能为其带来新盈利模式，也能够实现整个产业共赢，而且对于中国电子商务在整个经济领域中发展也有着很深远而关键意义。本系统是采取JspS+Mysql+RPC构建一个动态网上书店网站在以轻量级数据库Mysql为开发平台，Tomcat为应用服务器，采取JSP技术开发网上商城购物系统。本系统分为前台部分，和后台部分，前台关键由用户使用，关键包含用户注册、登录、浏览商品、购物车等功效。 1．1开发环境： windows 7 vs Sql server 2、设计题目电子商务是指在企业互联网、增值网和内部网上以电子交易方法进行交易活动和相关服务活动，是传统商业活动各步骤、电子化。伴随计算机和网络日趋普及，越来越多商家建立了自己B2C网站。比如淘宝网、苏宁易购、亚马逊、三星商城、和各大团购网站等。要求用本学期所学ASP.NET WEB应用开发技术和参考、查找相关书籍，设计编程实现一个类似淘宝购物网站，要求有以下功效：（1）注册；（2）登录；（3）购物，在购物时有物品编号、图片、名称、介绍和购置；（4）选中需要物品时加入购物车点击购置。 3、总体设计方案网站设计使用单机作业，由手动输入相关信息，能够选购图书，上传图书，进行用户注册等。前端开发语言使用HTML服务器采取使用SQL数据库管理系统和ASP.NET. 3.1功效设计作为一个网上购物系统，首先必需确保用户方便性，所以系统应含有商品排行、清仓优惠、和最关键“购物车”功效，方便用户能够方便购置物品同时完成支付。在系统中应列举出商家多种优惠举措和促销信息。在系统后台，管理员能够管理商品，用户信息，产品信息，友谊链接和最关键订单处理模块。在设计过程中，要处理好各部分关系，并由此设计相关数据库。本网站应含有功效有：用户注册、登录功效；商品浏览功效、购物车等功效；后台部分关键有管理员操作，包含商品管理、公告管理、图书优惠管理等功效。 (1) 用户注册、登录：购置本网站必需是本网站会员，即必需先注册会员，只有注册查对信息登录后，用户才能正常进行购物操作。 (2) 购物车管理：会员选定一个商品后，就能够直接把图书放到购物车中，提交订单，完成支付；在未提交前能够随意取消这件商品，继续购置其它商品。 (3) 购置：选中图书加入购物车点击购置、付款； (4) 商品信息介绍：对网上商城商品进行管理，包含商品上下架库，商品信息、价格制订等。（5）后台管理：包含用户信息保留、图书信息更新、优惠、清仓活动信息更新等。 4、处理步骤（1）用户注册：购置者进入网站页面后，首先要填写注册资料，在判定无误情况下完成成功注册，登陆网站首页。（2）商品购置：用户经过登录后，浏览商品，选择图书后，能够将图书放入购物车，确定继续购物，在购物车页面，能够对购物车里图书进行购置。（3）管理员管理：管理员经过后台登陆后，能够对商品信息、公告信息、优惠、清仓信息等功效进行操作。（4）用户能够看到商品介绍和特价商品，查看商品信息后，能够选择购置。 5、功效实现 5.1首页设计效果部分代码以下： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="detail.aspx.cs" Inherits="detail" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <html xmlns=""> <head runat="server"> <title>Detail</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <link href='http//fonts.谷歌 rel='stylesheet' type='text/css'> <link href="style.css" rel="stylesheet" type="text/css" media="all" /> <script src="jquery.min.js"></script>  <script src="login.js"></script>   <link type="text/css" rel="stylesheet" href="jquery.mmenu.all.css" /> <script type="text/javascript" src="jquery.mmenu.js"></script> <script type="text/javascript"> // The menu on the left $(function () { $('nav#menu-left').mmenu(); }); </script>  </head> <body> <form id="form1" runat="server"> <div class="content">  <div id="page"> <nav id="menu-left"> <ul> <li><a href="Default.aspx">Home</a></li> <li><a href="login.aspx">Login</a></li> <li><a href="register.aspx">Register</a></li> <div class="clear"> </div> </ul> </nav> </div>   <div class="header">  <div class="wrap"> <div class="header-left"> <div class="logo"> <a href="Default.aspx"><img alt="log" src="logo.jpg"/></a></div> </div> <div class="header-right"> <div class="top-nav"> <ul> <li><a href="Index.aspx">Home</a></li> <li><a href="login.aspx">Login</a></li> <li><a href="register.aspx">Register</a></li> </ul> </div> <div class="sign-ligin-btns"> <ul> </li> <div class="clear"> </div> </ul> </div> </div> </div> </div> <div class="wrap"> <div class="section-title"> <h3>图书购置请来这里</h3> </div> </div> </div>  <div class="mid_bg"> <p class="about-title">欢迎进入兰兰图书首页</p> <div class="wrap"> <div class="details"> <div class="det_pic"> <img src="images/pic.jpg" alt="" /> </div> <div class="det_text"> <p class="para">具体信息：</p> <asp:Panel ID="Panel1" runat="server" Height="230px"> <asp:FormView ID="FormView1" runat="server" DataSourceID="SqlDataSource1"> <EditItemTemplate> ID: <asp:TextBox ID="IDTextBox" runat="server" Text='<%# Bind("ID") %>' /> <br /> NAME: <asp:TextBox ID="NAMETextBox" runat="server" Text='<%# Bind("NAME") %>' /> <br /> SUGGEST: <asp:TextBox ID="SUGGESTTextBox" runat="server" Text='<%# Bind("SUGGEST") %>' /> <br /> PRICE: <asp:TextBox ID="PRICETextBox" runat="server" Text='<%# Bind("PRICE") %>' /> <br /> AUTHOR: <asp:TextBox ID="AUTHORTextBox" runat="server" Text='<%# Bind("AUTHOR") %>' /> <br /> COUNTRY: <asp:TextBox ID="COUNTRYTextBox" runat="server" Text='<%# Bind("COUNTRY") %>' /> <br /> PRESS: <asp:TextBox ID="PRESSTextBox" runat="server" Text='<%# Bind("PRESS") %>' /> <br /> ISBN: <asp:TextBox ID="ISBNTextBox" runat="server" Text='<%# Bind("ISBN") %>' /> <br /> <asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True" CommandName="Update" Text="更新" />  <asp:LinkButton ID="UpdateCancelButton" runat="server" CausesValidation="False" CommandName="Cancel" Text="取消" /> </EditItemTemplate> <InsertItemTemplate> ID: <asp:TextBox ID="IDTextBox" runat="server" Text='<%# Bind("ID") %>' /> <br /> NAME: <asp:TextBox ID="NAMETextBox" runat="server" Text='<%# Bind("NAME") %>' /> <br /> SUGGEST: <asp:TextBox ID="SUGGESTTextBox" runat="server" Text='<%# Bind("SUGGEST") %>' /> <br /> PRICE: <asp:TextBox ID="PRICETextBox" runat="server" Text='<%# Bind("PRICE") %>' /> <br /> AUTHOR: <asp:TextBox ID="AUTHORTextBox" runat="server" Text='<%# Bind("AUTHOR") %>' /> <br /> COUNTRY: <asp:TextBox ID="COUNTRYTextBox" runat="server" Text='<%# Bind("COUNTRY") %>' /> <br /> PRESS: <asp:TextBox ID="PRESSTextBox" runat="server" Text='<%# ISBN: <asp:Label ID="ISBNLabel" runat="server" Text='<%# Bind("ISBN") %>' /> <br /> </ItemTemplate> </asp:FormView> <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:masterConnectionString %>" SelectCommand="SELECT * FROM [detail] WHERE ([ID] = @ID)"> <SelectParameters> <asp:QueryStringParameter DefaultValue="0" Name="ID" QueryStringField="id" Type="String" /> </SelectParameters> </asp:SqlDataSource> </asp:Panel> <p>  </p> <div class="sign_up sign_up1 "> <a href="Default.aspx">Read More</a> </div> </div> <div class="clear"></div> </div> </div> </div> <div class="footer"> <div class="wrap"> <div class="footer-left"> <div class="copy"> <p>University of Jiangsu Bookshop   </p> <div style="display:none"><script src='http// language='JavaScript' charset='gb2312'></script></div> </form> </body> </html> 5.2图书界面设计效果代码：@ Page Language="C#" Debug="true" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""> <script runat="server"> protected void buttton1_Click(object sender, EventArgs e) { Session["list"] = Session["list"] +"你若盛开清风自来:"; //list统计书名列表session变量，书名间以：分隔 Session["check"]=Session["check"]+ "15.00:"; //check统计价格列表session变量，价格间以：分隔 Session["account"] = Convert.ToInt32(Session["account"]) + 1; //account统计购书数量session变量 Response.Redirect("2.aspx"); } protected void button2_Click(object sender, EventArgs e) { Session["list"] = Session["list"] + "从你全世界途经:"; //list统计书名列表session变量，书名间以：分隔 Session["check"] = Session["check"] + "17.00:"; //check统计价格列表session变量，价格间以：分隔 Session["account"] = Convert.ToInt32(Session["account"]) + 1; //account统计购书数量session变量 Response.Redirect("2.aspx"); } protected void button3_Click(object sender, EventArgs e) { Session["list"] = Session["list"] + "四大名著:"; //list统计书名列表session变量，书名间以：分隔 Session["check"] = Session["check"] + "13.00:"; //check统计价格列表session变量，价格间以：分隔 Session["account"] = Convert.ToInt32(Session["account"]) + 1; //account统计购书数量session变量 Response.Redirect("2.aspx"); } protected void button4_Click(object sender, EventArgs e) { Session["list"] = Session["list"] + "皮囊:"; //list统计书名列表session变量，书名间以：分隔 Session["check"] = Session["check"] + "18.50:"; //check统计价格列表session变量，价格间以：分隔 Session["account"] = Convert.ToInt32(Session["account"]) + 1; //account统计购书数量session变量 Response.Redirect("2.aspx"); } protected void button5_Click(object sender, EventArgs e) { Session["list"] = Session["list"] + "未来你:"; //list统计书名列表session变量，书名间以：分隔 Session["check"] = Session["check"] + "19.00:"; //check统计价格列表session变量，价格间以：分隔 Session["account"] = Convert.ToInt32(Session["account"]) + 1; //account统计购书数量session变量 Response.Redirect("2.aspx"); } protected void button6_Click(object sender, EventArgs e) { Session["list"] = Session["list"] + "励志书籍:"; //list统计书名列表session变量，书名间以：分隔 Session["check"] = Session["check"] + "11.20:"; //check统计价格列表session变量，价格间以：分隔 Session["account"] = Convert.ToInt32(Session["account"]) + 1; //account统计购书数量session变量 Response.Redirect("2.aspx"); } protected void Button7_Click(object sender, EventArgs e) { Response.Redirect("Default.aspx"); } </script> <html xmlns=""> <head runat="server"> <title></title> <style type="text/css"> .auto-style1 { <table style="width: 552px; height: 200px"> <tr> <td colspan="3" align="center"><asp:Label ID="Label1" runat="server" Font-Names="华文新魏" Font-Size="XX-Large" Text="网上书店"></asp:Label> </td> </tr> <tr> <td style="text-align: center"> <asp:Image ID="Image1" runat="server" ImageUrl="pictures/1.jpg" Width="150px" /></td> <td style="text-align: center"> <asp:Image ID="Image2" runat="server" ImageUrl="pictures/2.jpg" Width="150px" /></td> <td style="text-align: center"> <asp:Image ID="Image3" runat="server" ImageUrl="pictures/3.jpg" Width="150px" /></td> </tr> <tr> <td style="text-align: center" class="auto-style1"> <strong>你若盛开清风自来</strong></td> <td style="text-align: center" class="auto-style1"> <strong>从你全世界途经</strong></td> <td style="text-align: center" class="auto-style1"> <strong>四大名著</strong></td> </tr> <tr> <td style="text-align: center"> <asp:Button ID="buttton1" runat="server" Text="购置" onclick="buttton1_Click" />15.00元</td> <td style="text-align: center"> <asp:Button ID="button2" runat="server" Text="购置" onclick="button2_Click" />17.00元</td> <td style="text-align: center"> <asp:Button ID="button3" runat="server" Text="购置" onclick="button3_Click" /> 13.00元</td> <td style="text-align: center"> <strong>皮囊</strong></td> <td style="text-align: center"> <strong>未来你</strong></td> <td style="text-align: center"> <strong>励志书籍</strong></td> </tr> <tr> <td style="text-align: center"> <asp:Button ID="button4" runat="server" Text="

展开阅读全文