Web系统网站设计报告（共5篇）

第一篇：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图书界面设计效果..............................................................................................9 5.3登录功能设计效果............................................................................................13 5.4注册功能设计效果............................................................................................15 5.5清仓、优惠设计效果........................................................................................16 5.6加入购物车继续购买、付款设计效果............................................................18 5.7购物车及收银台................................................................................................19

6、数据库设计............................................................................................................20 6.1数据库设计方案................................................................................................20 6.2 部分截图.........................................................................................................21 6.2.1数据库建表.................................................................................................21 6.2.2保存用户信息的表.....................................................................................21 6.2.3保存商品信息的表.....................................................................................22 6.2.4保存购物车信息的表.................................................................................22

7、总结.......................................................................................................................22

1、网站设计背景

随着计算机技术和网络技术的迅速崛起，计算机日渐深刻的在改变着人们的生产生活方式。人们已经对去固定的场所、购买(出售)固定的物品的交易方式所带来的不便越来越感到不满，交易的时间长、效率低。高额的运费、销售场地的凭租费等繁多的额外开支也给商家带来沉重的成本支出。为了适应市场、适应经济前进的步伐，买家和商家都在努力积极地寻找一种能够带来高效率、低成本销售模式。开发网上商城、研究网上商城的推广方式，不仅能为其带来新的盈利模式，也可以实现整个产业的共赢，而且对于我国电子商务在整个经济领域中的发展也有着非常深远而重要的意义。本系统是采用JspS+Mysql+RPC构建的一个动态的网上书店网站在以轻量级数据库Mysql为开发平台，Tomcat为应用服务器，采用JSP技术开发的网上商城购物系统。本系统分为前台部分，和后台部分，前台主要由用户使用，主要包括用户注册、登录、浏览商品、购物车等功能。

1．1开发环境：

windows 7 vs2013 Sql server2014

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首页设计效果

部分代码如下：

<%@PageLanguage=“C#”AutoEventWireup=“true”CodeFile=“detail.aspx.cs”Inherits=“detail”%>

// The menu on the left $(function(){ $('nav#menu-left').mmenu();});

第二篇：Web网站设计职业行情

Web网站设计职业行情

北京Web前端开发工程师招聘：

北京大正语言知识处理科技有限公司/汉语之声国际网络技术(北京)有限公司

一、工作职责：利用HTML/CSS/JavaScript/DOM等各种Web技术进行产品的界面开发。制作标准优化的代码，并增加交互动态功能，开发JavaScript模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。

二、职位要求：

1、本科及以上学历 ；

2、精通HTML/XHTML、CSS，熟悉页面架构和布局，对Web标准和标签语义化有深入理解；

3、精通Ajax、JavaScript、DOM等前端技术，掌握面向对象编程思想；

4、熟悉一种以上后台开发语言(如PHP/Java或C/C++/.NET)以及一种数据库(如MySQL/Oracle)；

5、对Web技术创新及丰富互联网应用开发(Rich Internet Applications)有浓厚兴趣；

6、对用户体验、交互操作流程、及用户需求有深入理解；

7、极强的团队协作精神、优秀的学习能力与创新能力。

三、工资 4000-5000元/月

发布时间：2010-04-27

来源网站：智联招聘网

北京赛嘉城电子商务有限公司

岗位职责：

1、负责将美工制作的页面效果做成标准的HTML网页原型；

2、负责开放平台前端静态页面JS交互效果编写及修改；

3、负责开放平台WEB前端（动态页面）最终交互效果的实现及修改；

4、负责协调技术开发人员进行页面与后台程序衔接。

5、优化网站前端性能；

6、优化用户界面易用性

能力要求：

1．大专以上学历，至少2年web前台开发工作经验

2．精通HTML/XHTM及JavaScript，熟悉W3C标准，熟练应用开源JavaScript库(如JQuery）；

3．可以快速、简练的将网页设计图，使用DIV+CSS编写成静态页面，能够使用JS手工编写前端效果，能够使用AJAX方法实现前端效果，熟悉相关规范,有丰富的跨浏览器开发经验；

4．熟悉前端页面优化，具有高性能网站的构建经验者优先；

5．具有优秀的学习能力与创新能力，并能够承担较强的工作压力；

6．对用户体验与功能易用性有较为深刻的理解

7．良好的团队合作意识和积极的工作态度；

8．有PHP开发经验者优先；

发布时间：2011-03-30

来源网站：前程无忧 深圳市炽昂科技有限公司

职位描述

负责根据UI效果图以DIV+CSS布局的方式切割成标准的HTML页面,不断优化代码并保持良好主流浏览器兼容性

负责配合后端开发人员实现界面功能和效果

职位要求

1、计算机相关专业,2年以上相关工作经验；

2、精通HTML、DIV、CSS，熟悉页面框架和布局,对WEB标准和标签语义有深入的理解

3、精通Javascript,JSON,AJAX等技术,熟练运用常见JS框架，如JQuery、Prototype、Extjs等

4、能够使用JavaScript进行通用组件、类库、框架编写

5、具有大型互联网行业工作经验者优先考虑

其他要求：

1、具有良好的表达和沟通能力，思路清晰，较强的责任心、团队精神以及动手能力

2、善于学习，对WEB前端技术有深厚的兴趣和研究探索精神，并且愿意与团队成员分享相关经验

3、个性开朗,在面对压力时能够保持良好的心态

发布时间：2011-03-29 绿盟科技

职位工作内容简要综述：前端页面开发

具体工作内容与职责：

1、负责产品界面的前端开发，配合开发人员实现最终产品界面，并监管界面开发质量；

2、依据设计稿，高质量完成HTML页面原型的制作；

3、负责维护和更新界面设计标准和规范，并推广标准和规范的实施；

4、交互控件的设计与开发，UI编码规范的制定与推广；

5、响应公司网站相关的页面制作与维护；

工作经验和技能要求：

1、本科以上学历，2年以上前端开发经验；

2、精通HTML、CSS、Javascript,熟练掌握Photoshop、Dreamweaver等软件，完成页面制作，实现界面中的交互功能，并兼容主流浏览器，会Actionscript者优先；

3、熟悉web标准，对表现与数据分离，HTML语义化等有深刻理解；

4、了解PHP或其他服务器编程语言，能协助后台开发人员完成最终产品界面；

5、具备良好的团队合作精神和积极主动的沟通意识；

6、对web技术钻研有强烈兴趣，有良好的学历能力和强烈的进取心。

发布时间：2011-03-30

来源网站：前程无忧

大洋网

职位描述：本职位隶属于技术中心研发部，负责Web系统和功能的前端开发、维护。

职位要求：

1、本科以上学历，计算机或相关专业；

2、熟悉各种Web前端技术，包括

XHTML/XML/CSS/Javascript/ActionScript等；

3、深刻理解Web标准，对可用性、可访问性等相关知识有实际的了解和实践经验；

4、有基于Ajax或Flash的RIA应用开发经验；

5、沟通能力强，善于同多人协作完成任务；

6、抗压能力强，可应对较大的工作压力；

7、有后台语言（如Java/PHP/C++）经验者优先；

8、有框架使用、subversion、开发流程管理等经验者优先。

发布时间：2011-03-30

来源网站：前程无忧

广州海然数码科技有限公司

岗位职责

1、技术人员职位，在上级的领导和监督下定期完成量化的工作要求；

2、能独立处理和解决所负责的任务；

3、根据开发进度和任务分配，完成相应模块软件的设计、开发、编程任务；

4、进行程序单元、功能的测试，查出软件存在的缺陷并保证其质量；

5、进行编制项目文档和质量记录的工作；

6、维护软件使之保持可用性和稳定性。任职资格

1、计算机相关专业背景，专科以上学历；

2、熟悉数据库编程，精通数据库应用（SQLSERVER为主)；

3、熟练掌握.NETFramework（C#）或者ASP开发，能开发B/S构架的应用程序；

4、精通Javascript、动态网页、AJAX、HTML、CSS等WEB技术

5、熟悉VB或者ASP语法

6、能独立完成用户交换界面的设计、有一定的审美和网页设计能力的优先考虑

7、做事严谨踏实，责任心强，条理清楚，善于学习总结，有良好的团队合作精神和沟通协调能力。发布时间：2011-03-30

来源网站：珠江人才热线 广州跨际网络科技有限公司

c# vb asp.net web开发 电子商务软件工程师

岗位职责描述：

1、独立进行电子商务网站产品设计；

2、能管理外包项目以及独立高质量的完成开发任务；

任职资格描述：

1、计算机、信息管理或通信等相关专业本科及以上学历。

2、精通C#开发语言；

3、熟悉.NET Framework 架构体系，能够非常熟练使用.NET平台进行编程：C#(Winform)，ASP.NET，JS，XML等）。能够编写高质量的代码；熟悉面向对象的思想，有很好的业务分析设计和业务抽象能力；

4、有非常熟练的数据库（SQL Server或 Mysql等）应用经验，对数据结构有清楚的认识，有一定的数据库设计能力；

5、有三年以上的开发经验，完整参与两个以上项目的开发 ；

6、有良好的沟通、理解能力，客户导向意识 ；

7、有良好的自我学习能力、自我管理能力和团队合作能力；

8、有财务软件开发经验的优先考虑。

一、岗位职责：

1、精通ASP.NET(C#)开发，熟悉WebService、AJAX；

2、熟悉三层架构,熟悉OOP设计编程理念；

3、熟悉DIV+CSS WEB标准化；

4、精通SQL语言，熟练使用SQL Server 2005，熟悉存储过程开发；

二、职位要求：

1、大专及以上学历，22-35岁，二年以上网站开发经验，有独立建站或电子商务类网站建设经验者优先；

2、积极上进，善于学习，具备良好的分析、解决问题的能力；

3、有责任心，工作效率高，有良好交流沟通能力和团队协作意识；

注：在简历中请提供具体开发网站网址及自己负责的功能。

三、符合以下条件者从优：

有门户级大型网站开发经验者。

发布时间：2011-03-28

来源网站：智联招聘网

第三篇：基于JAVA WEB技术的旅行社网站系统设计(含源文件)

【网站源代码】

旅游系统数据库部分代码：

Static conn = DriverManager.getConnection(“jdbc:odbc:sql:sqlserver://localhost:1433/travel?useUnicode=true&characterEncoding =gb2312”, “ ”, “ ”);String password=“";Connection conn= DriverManager.getConnection(url,user,password);Statement stmt=conn.createStatement();executeQuery()方法对数据库进行查询操作。

sql=”SELECT count(*)c FROM `hotpoint` where `id`=0 and `hotelID`=“+hotel_Id;rs=stmt.executeQuery(sql);while(rs.next()){ count1 = rs.getInt(”c“);}

模块中关键代码（实现表单的验证并提交到数据库的代码）： sql=”select ID from Users where UserName='“+username+”'“;ResultSet rs=statement.executeQuery(sql);if(rs.next()){ err+=”该用户名己经存在，请更换用户名！“;valid=false;} else{ String id=”select max(ID)as xxx from Users“;ResultSet a=statement.executeQuery(id);next();sql=”insertintoUsers(UserName,Password,Email,Sex,Phone,Address,Age,PostNumber, Rank,Face)values('“+username+”','“+password1+”','“+email+”','“+sex+”', '“+phone+”','“+address+”','“+age+”', '“+postnumber+”','“+rank+”','“+face+”')“;

用 exe 传递所要执行的操作： if(exe.equals(”write“)){ if(reid!=0){ rs.close();sql=”select ReplyNum from Articles where ID=“+reid;rs=statement.executeQuery(sql);rs.next();renum=rs.getInt(”ReplyNum“);renum++;//可以将上面的值进行自增 rs.close();//注意 close 的位置

sql=”updateArticlessetReplyNum='“+renum+”'whereID=“+reid;statement.executeUpdate(sql);} //此用户的 PostNumber 加一

sql=”selectPostNumberfromUserswhereUserName='“+username+”'“;rs=statement.executeQuery(sql);rs.next();int postnum=rs.getInt(”PostNumber“);System.out.println(postnum);postnum++;rs.close();

sql=”updateUserssetPostNumber='“+postnum+”'whereUserName='“+username+”'“;statement.executeUpdate(sql);//将文章信息存入数据库 renum=0;//在 上 面 的 内 容 中 可 以 得 到 authorid,title,content,bid,reid,posttime,emotion,renum sql=”insert into Articles(AuthorID,Title,Content,BoardID,ReplyID,Posttime,Emotion, ReplyNum)values('“+authorid+”','“+title+”','“+content+”','“+bid+”','“+ reid+”', '“+posttime+”','“+emotion+”','“+renum+”')“;} else if(exe.equals(”modify“)){ String id=request.getParameter(”id“);sql=”updateArticlessetPostTime='“+posttime+”',Content='“+content+”'whe re ID=“+id;}

网站页面HTML代码：

name=description>

content=XX旅游,XX旅游,旅游网,旅行社,国内旅游,出境旅游,旅游,周边游,休闲,会议,度假,自由人,签证,机票,出差,酒店,订房,在线预定,特色旅游,专题旅游,夕阳红旅游,红色旅游

name=keywords>

onload=”MM_preloadImages('5555.jpg')“ marginheight=”0“ marginwidth=”0“>