Web系统网站设计方案报告.docx
Web系统网站设计方案报告.docx
- 配套讲稿：
如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制：
部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词：
- Web 系统 网站 设计方案 报告
- 资源描述：
-
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> <!---start-login-script---> <script src="login.js"></script> <!---//End-login-script---> <!-----768px-menu-----> <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> <!-----//768px-menu-----> </head> <body> <form id="form1" runat="server"> <div class="content"> <!------start-768px-menu----> <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> <!------end-768px-menu----> <!---start-header----> <div class="header"> <!---start-wrap----> <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><!--section-title--> </div> </div> <!-- start main --> <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="展开阅读全文
咨信网温馨提示：1、咨信平台为文档C2C交易模式，即用户上传的文档直接被用户下载，收益归上传人（含作者）所有；本站仅是提供信息存储空间和展示预览，仅对用户上传内容的表现方式做保护处理，对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿，我们不确定上传用户享有完全著作权，根据《信息网络传播权保护条例》，如果侵犯了您的版权、权益或隐私，请联系我们，核实后会尽快下架及时删除，并可随时和客服了解处理情况，尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确)，网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据，个别因单元格分列造成显示页码不一将协商解决，平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺，下载前须认真查看，确认无误后再购买，务必慎重购买；若有违法违纪将进行移交司法处理，若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传，付费前请自行鉴别，如您付费，意味着您已接受本站规则且自行承担风险，本站不进行额外附加服务，虚拟产品一经售出概不退款（未进行购买下载可退充值款），文档一经付费（服务费）、不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印，是因预览和防盗链等技术需要对页面进行转换压缩成图而已，我们并不对上传的文档进行任何编辑或修改，文档下载后都不会有水印标识（原文档上传前个别存留的除外），下载后原文更清晰；试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓；PPT和DOC文档可被视为“模板”，允许上传人保留章节、目录结构的情况下删减部份的内容；PDF文档不管是原文档转换或图片扫描而得，本站不作要求视为允许，下载前可先查看【教您几个在下载文档中可以更好的避免被坑】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用；网站提供的党政主题相关内容(国旗、国徽、党徽－－等)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
6、文档遇到问题，请及时联系平台进行协调解决，联系【微信客服】、【QQ客服】，若有其他问题请点击或扫码反馈【服务填表】；文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“【版权申诉】”，意见反馈和侵权处理邮箱：1219186828@qq.com；也可以拔打客服电话：0574-28810668；投诉电话：18658249818。
实名认证
平台协调中心【客服】
自信AI助手
微信客服
客服QQ
发送邮件
意见反馈
链接地址：https://www.zixin.com.cn/doc/3031932.html