当前位置：文档之家 › 考核结果载体 设计说明书(WEB开发技术)

考核结果载体 设计说明书(WEB开发技术)

  • 格式：pdf
  • 大小：326.41 KB
  • 文档页数：10

2015—2016学年第二学期期末考试《Web开发技术》实践考核Ajax聊天室动态网站解决方案
设计说明书
项目名称：Ajax聊天室动态网站解决方案
专业：13网络
学号：20130131257
姓名：郑卫东
任课教师：尚蕊
2016年6月17日
撰写要求
一、格式要求
（一）正文格式
●一级标题：黑体，三号，左对齐，首行缩进2字符，段前段后均为0行，1.5倍行距；
●二级标题：黑体，小三号，左对齐，首行缩进2字符，段前段后均为0行，1.5倍行距。

●正文：宋体、小四号，左对齐，首行缩进2字符，段前段后均为0行，1.5倍行距。

（二）目录格式
●“目录”：黑体，三号，居中对齐，段前段后均为0行，1.5倍行距；
●一级标题：宋体，小四，加粗，1.5倍行距；
●二级标题：宋体，五号，1.5倍行距。

二、内容要求
（一）Ajax聊天室动态网站解决方案设计说明书包括：
1.封面；
2.项目及要求；
3.目录；
4.正文；
5.附录。

（二）Ajax聊天室动态网站解决方案设计说明书的正文包括：
1.国内外现状分析
2.网站需求分析
3.网站总体设计
3.1系统目标与开发环境
3.2功能结构
4.数据库设计
4.1数据库概要说明
4.2数据库实体图与表结构
5.网站主要模块开发
5.1前台功能开发
5.2后台功能开发
6.网站编译与发布6.1网站编译与调试
6.2网站发布
7.网站开发总结
考核项目及要求
项目：Ajax聊天室动态网站解决方案设计说明书
1．考核要点
(1)掌握动态网站需求分析及国内外现状分析的能力和方法；
(2)掌握网站主要模块开发的技能，包括asp、html、css、javascript、ajax、
、Linq、sqlserver、c#、MVC框架及 web开发的其他能力。

(3)掌握网站编译与发布的功能。

2．作品要求
学生根据Ajax聊天室动态网站项目需求和设计等资料制定详细的、可实施的解决方案，并撰写Ajax聊天室动态网站解决方案设计说明书。

目录
1.国内外现状分析
2.网站需求分析
3.网站总体设计
3.1系统目标与开发环境
3.2功能结构
4.数据库设计
4.1数据库概要说明
4.2数据库实体图与表结构
5.网站主要模块开发
5.1前台功能开发
5.2后台功能开发
6.网站编译与发布
6.1网站编译与调试
6.2网站发布
7.网站开发总结
1.国内外现状分析
的前身ASP技术，是在IIS2.0上首次推出(Windows NT3.51)，当时与ADO1.0一起推出，在IIS3.0(Windows NT4.0)发扬光大，成为服务器端应用程序的热门开发工具，微软还特别为它量身打造了Visual
标识
InterDev开发工具，在1994年到2000年之间，ASP技术已经成为微软推展Windows NT4.0平台的关键技术之一，数以万计的ASP网站也是这个时候开始如雨后春笋般的出现在网络上。

它的简单以及高度可定制化的能力，也是它能迅速崛起的原因之一。

不过ASP的缺点也逐渐的浮现出来：意大利面型的程序开发方法，让维护的难度提高很多，尤其是大型的ASP应用程序。

直译式的VBScript 或JScript语言，让效能有些许的受限。

延展性因为其基础架构扩充性不足而受限，虽然有COM元件可用，但开发一些特殊功能（像文件上传）时，没有来自内置的支持，需要寻求第三方控件商的元件。

1997年时，微软开始针对ASP的缺点（尤其是意大利面型的程序开发方法）准备开始一个新项目来开发，当时的主要领导人Scott Guthrie刚从杜克大学毕业，他和IIS团队的Mark Anders经理一起合作两个月，开发出了下一代ASP技术的原型，这个原型在1997年的圣诞节时被发展出来，并给予一个名称：XSP，这个原型产品使用的是Java 语言。

不过它马上就被纳入当时还在开发中的CLR平台，Scott Guthrie事后也认为将这个技术移植到当时的CLR平台，确实有很大的风险(huge risk)，但当时的XSP团队却是以CLR开发应用的第一个团队。

为了将XSP移植到CLR中，XSP团队将XSP的内核程序全部以C#语言重新撰写（在内部的项目代号是"Project Cool"，但是当时对公开场合是保密的），并且改名为ASP+，作为ASP技术的后继者，并且也会提供一个简单的移转方法给ASP 开发人员。

ASP+首次的Beta版本以及应用在PDC2000中亮相，由Bill Gates 主讲Keynote(即关键技术的概览)，由富士通公司展示使用COBOL语言撰写ASP+应用程序，并且宣布它可以使用Visual 、C#、Perl与Python语言（后两者由ActiveState公司开发的互通工具支持）来开发。

在2000年第二季时，微软正式推动.NET策略，ASP+也顺理成章的改名为，经过四年的开发，第一个版本的在2002年1月5日亮相(和.NET Framework1.0)，Scott
Guthrie也成为的产品经理（到现在已经开发了数个微软产品，像 AJAX和Microsoft Silverlight）。

2010年4.0以及.NET Framework4.0已经在VS2010平台内应用。

2012年最新版本4.5已经.Net Framework4.5已经在Visual Studio2012平台应用。

2.网站需求分析
对于聊天室网站来说，用户的注册量和访问量是至关重要的。

如果网站的访问量很低，就很少有企业会要求为其提供有偿服务，也就没有什么利润可言了。

因此聊天室网站必须为用户提供大量的、免费的、有价值的服务才能够吸引用户。

为此，网站不仅要为企业提供各种有偿服务，还需要额外为用户提供大量的无偿服务。

通过实际调查，要求ajax项目解决方案必须具有以下功能。

由于用户的计算机知识普遍较低，因此要求系统具有良好的人机界面。

方便消息的发送和接收，并支持多条件和模糊查询。

前台与后台设计明确，并且保证后台的安全性。

网站显示格式清晰，达到一目了然的效果。

用户需要登录和注册。

后台需要随时清理数据。

前台和后台的设计明确，并保证后台的安全
管理员可以登录后台、维护消息记录和管理员账户。

后台管理员要能对管理员数据进行编辑，添加，删除。

3.网站总体设计
3.1系统目标与开发环境
1.根据需求分析的描述以及与用户的沟通，制定了网站实现目标如下所述：
1）用户注册
新用户注册，提供用户信息，检验用户信息的有效性，并将用户信息持久化。

2）用户登录
提供用户凭证，验证用户信息，基于角色授权。

3）用户管理
管理员有系统初始化分配一下，管理员可以对用户信息进行部分更改，主要包括用户的编辑，添加，删除。

4）信息管理
聊天室可以对所有的聊天消息进行记录，用户可以对聊天记录进行查询，可以准确的知道聊天记录的具体时间。

2.开发环境
开发环境：Microsoft Visual Studio2012
开发语言：
后台数据库：SQL Server
开发平台：Windows
3.2功能结构
前台功能结构图：
数据库后台功能结构图：
Ajax聊天室业务逻辑图
4.数据库设计
2015-2016学年度第二学期期末考试
《Web开发技术》实践考核成绩报告单
排课编号：（2015-2016-2）-2010223-00065-1，-2批阅日期：2016年6月24日。

合集下载

web设计课程设计说明书

web设计课程设计说明书

web设计课程设计说明书一、课程目标知识目标：1. 学生能掌握Web设计的基本概念，了解网页的结构与布局，掌握HTML、CSS等基本语言的使用。

2. 学生能了解并运用网页设计的视觉元素，如颜色、字体、图像等，提升网页的美观性。

3. 学生能掌握基本的网页动画制作方法，为网页添加动态效果。

技能目标：1. 学生能运用Web设计软件进行网页制作，独立完成一个简单的静态网页设计。

2. 学生能运用HTML、CSS等语言进行网页编码，实现网页的布局与样式设计。

3. 学生能通过实际操作，掌握网页动画的制作技巧，为网页添加动态效果。

情感态度价值观目标：1. 培养学生对Web设计的兴趣，激发他们的创新意识，提高审美素养。

2. 培养学生团队协作意识，学会与他人共同解决问题，提高沟通能力。

3. 培养学生具有良好的信息素养，尊重他人劳动成果，遵循网络道德规范。

课程性质分析：本课程为实践性较强的学科，旨在通过实际操作，让学生掌握Web设计的基本知识和技能，培养具备创新精神和实践能力的网络技术人才。

学生特点分析：本课程面向初中生，学生对新鲜事物充满好奇，动手能力强，但可能缺乏一定的审美素养和团队协作能力。

教学要求：1. 教学内容与实际应用紧密结合，注重培养学生的实践操作能力。

2. 教学过程中，注重启发式教学，引导学生主动探究，提高创新能力。

3. 关注学生个体差异，因材施教，使每位学生都能在课程中取得进步。

二、教学内容1. 网页设计基础知识- 网页的基本概念与结构- HTML基础语法与标签- CSS样式表的基本使用2. 网页布局与样式设计- 常见的网页布局类型- 盒子模型与浮动布局- 响应式设计与媒体查询3. 网页视觉元素设计- 字体、颜色与排版- 图片、图标与背景- 视觉效果的优化与调整4. 网页动画制作- CSS3动画与过渡效果- JavaScript基本语法与事件处理- 常用动画库（如：Animate.css）的应用5. 实践项目- 网页设计软件（如：Dreamweaver、WebStorm）的使用- 独立完成一个静态网页设计与制作- 团队合作完成一个综合性的网页设计项目教学大纲安排与进度：1. 网页设计基础知识（2课时）2. 网页布局与样式设计（3课时）3. 网页视觉元素设计（3课时）4. 网页动画制作（4课时）5. 实践项目（6课时）教材章节关联：1. 《Web前端开发技术》第1章：HTML基础2. 《Web前端开发技术》第2章：CSS样式表3. 《Web前端开发技术》第3章：网页布局与响应式设计4. 《Web前端开发技术》第4章：CSS3动画与过渡效果5. 《Web前端开发技术》第5章：JavaScript基础与应用教学内容确保科学性和系统性，以培养学生的实际操作能力和创新精神为目标，注重理论与实践相结合。

网站设计说明书模板

网站设计说明书模板

网站设计说明书模板一、网站设计说明书的基本信息。

1. 项目名称，（填写你的网站名称）。

2. 项目发起单位，（填写你的公司或个人名称）。

3. 项目负责人，（填写你的姓名）。

4. 项目联系方式，（填写你的联系方式）。

5. 项目开始时间，（填写项目开始时间）。

6. 项目预计完成时间，（填写项目预计完成时间）。

二、网站设计目标。

1. 网站设计的目的和意义。

2. 网站的定位和目标用户群体。

3. 网站所包含的内容和功能。

4. 网站的预期效果和收益。

三、网站整体设计方案。

1. 网站整体风格和色彩搭配。

2. 网站的布局和导航结构。

3. 网站的页面设计和排版。

4. 网站的交互设计和用户体验。

5. 网站的响应式设计和移动端适配。

四、网站各模块设计说明。

1. 首页设计说明。

2. 分类页面设计说明。

3. 详情页面设计说明。

4. 用户中心设计说明。

5. 其他特殊页面设计说明。

五、网站技术实现方案。

1. 网站的技术架构和开发语言。

2. 网站的数据库设计和管理。

3. 网站的服务器和域名配置。

4. 网站的安全性和稳定性保障。

六、网站运营和维护方案。

1. 网站的内容更新和维护计划。

2. 网站的推广和营销策略。

3. 网站的用户反馈和问题处理机制。

4. 网站的数据分析和优化方案。

七、网站设计说明书附录。

1. 相关设计图纸和效果图。

2. 网站设计所需的资源和素材。

3. 其他需要说明的内容。

以上就是一个网站设计说明书模板的基本内容和格式，当然具体的网站设计说明书还需要根据实际项目的需求进行调整和完善。

希望以上内容能够对你在进行网站设计说明书编写时有所帮助。

广西职业院校技能大赛 高职组《web 应用软件开发》赛项系统设计说明书

广西职业院校技能大赛 高职组《web 应用软件开发》赛项系统设计说明书

广西职业院校技能大赛高职组《web 应用软件开发》赛项系统设计说明书广西职业院校技能大赛是广西地区职业院校学生间的一项技能比赛，旨在展示学生们在各自专业领域中的才华和技术能力。

其中，高职组《web 应用软件开发》赛项是该比赛的重点之一，要求选手设计一个具有一定规模的 web 应用程序，并实现相关功能。

首先，我们需要明确此次比赛的赛项要求。

本赛项要求选手设计一个能够实现以下功能的秒杀系统，包括：1. 秒杀活动列表展示。

展示当前有哪些秒杀活动正在进行，并即时更新活动状态。

2. 秒杀商品详情展示。

每个秒杀活动包含若干个商品，需要展示每个商品的详细信息。

3. 购买页面设计。

购买页面需要展示商品价格、剩余库存和当前用户是否有购买资格等信息，并提供提交订单的按钮。

4. 系统保证。

需要保证系统在高并发情况下能够稳定运行，并防止作弊行为。

在此基础上，我们结合实际情况，提出以下系统设计方案。

1. 系统架构设计针对高并发的情况，我们采用分布式架构设计，将系统分为前端、应用层和数据库层三个部分，分别由不同的服务器承担。

前端服务器用于处理用户请求，应用层服务器用于处理业务逻辑，数据库层服务器用于存储数据和处理查询请求。

2. 数据库设计我们采用 MySQL 关系型数据库进行数据存储和查询。

数据库中包含秒杀活动表、商品表、订单表、用户表等多个表格，存储相应的数据。

其中，秒杀活动表和商品表是本系统的核心数据表。

3. 系统逻辑设计系统逻辑设计包括页面设计和业务逻辑设计两个方面。

首先，页面设计需要考虑用户体验和可用性，保证页面整洁、简单、易于操作。

业务逻辑设计需要考虑系统保证和效率，采用多线程技术实现高并发访问和事务控制，防止数据出现错误。

总之，本赛项的系统设计需要考虑多方面因素，包括系统架构、数据库设计、系统逻辑设计等多个方面，需要全面注意系统效率、稳定性和用户体验。

而更为重要的是，需要选手们高度重视代码实现和调试，对系统进行充分测试和评估，以保证系统达到最优。

WEB 模块详细设计说明

WEB 模块详细设计说明

Status:[HTTP状态码] [状态描述]
Location: [重定向到的URL]
例：
Status: 200 OK
Status: 304 Not Modified
Status: 400 Bad Request
Status:500 Internal Server Error
Location:
这里静态文件部分我们全部支持，动态WEB部分我们采用CGI + JAVA SCRIPT的方式实现（这里JAVA SCRIPT是指运行在运行客户端的JAVA SCRIPT）。
因为HTML我们使用HTML4.0以上版本，CSS使用2.0版及其以上，故客户端浏览器必须是IE4.0及更高版本、Netscape Navigator4.0及更高的版本。
通常，来自客户端的HTTP请求头会被WEB Server解析，并存入相应的环境变量中，它些环境变量在CGI1.1中已经给出了定义，详见：/cgi/。CGI脚本程序通过这些环境变量和标准输入stdin获取来自客户端的输入，所以通常CGI脚本程序不需要自己解析HTTP头部。
12．设置进程的标准输出、输出和出错描述描述符
13．调用execve（）发起新进程执行CGI脚本程序，在CE/3的参考实现中则是直接调用cgi_handler()进行CGI处理过程
14．因此cgi_handler()是WEB Server子模块和CGI处理模块的接口
CGI子模块：
CGI是通用网接口(Common Gateway Interface)的缩写，用于动态处理来自客户端的HTTP请求，并以HTTP的格式对客户端做出应答。HTTP的请求和应答包括两部分：前一部分是HTTP头，后一部分HTTP体。HTTP头与HTTP体用两个连续的换行符分隔。