web数据库网页设计
信息技术与工程学院 网 站 设 计 文 档
课程名称Web数据库
设计题目晋中学院网页设计
专业班级11计本2
小组成员 陈广清
指导教师王溢琴
成绩
2014 年 6 月7 日
目录
1 需求分析 (1)
2 网站设计 (1)
2.1 成绩系统模块设计 (1)
2.2 简易计算器模块设计 (2)
2.3 数据搜索模块 (2)
2.4 逻辑设计 (3)
3 详细设计 (3)
3.1 首页设计 (3)
3.2用户模块设计 (4)
4 测试结果 (5)
1 需求分析
搬迁到新校区,设计新的学校官网。
2 网站设计
2.1 成绩系统模块设计
2.1.1 用户界面部分
图2-1 书店后台功能结构
(1)用户注册:为了统一管理,成绩管理系统规定只有合法用户才能登陆,所以要想登陆的新用户必须进行注册,为了保障用户权益,系统需要记录每一位用户的详细信息。
(2)用户登录:判断用户是否为合法用户,只有合法用户才能登陆系统。
(3)找回密码:用户忘记密码,判断用户是否合法,只有通过验证的合法用户才能找回
密码。
2.1.2 用户登入界面部分
(1)管理员:分页查看用户、更新数据、按权限查看用户。
(2)普通用户:查看个人信息
2.1.3 概要设计
概念结构设计是整个数据库设计的关键,它通过对用户需求进行综合、归纳与抽象,形成一个独立于具体DBMS的概念模型。描述概念模型的有力工具是E-R模型,下面我们画出数据库系统中各实体的属性图和系统的实体关系图。
(1)管理员实体属性图,如图2-2所示:
图2-2 管理员实体属性图
(2).用户实体属性图,如图2-3所示:
图2-3 用户实体属性图
2.2 简易计算器模块设计
进行无符号整数简易的加、减、乘、除的运算。
2.3 数据搜索模块
按用户需求,对数据表进行数据搜索。
2.4 逻辑设计
本系统的数据库中主要包含两张表,分别是login表和product表。其具体
的逻辑结构设计如下。
login表:该表主要存储用户息,包括name,password,sex,email,birthday 和quanxian等。结构如表2-1所示。
表2-1 新闻表
字段英文名 属性(数据类型)长度 默认值 备注 name nchar 10 无 用户名 password nchar 10 无 密码 sex nchar 10 无 性别 email nchar 10 无 邮箱 birthday int 自动 无 生日 quanxian nchar 1 0 用户权限 product表:该表主要存储产品的详细信息,包括编号,名称,产地,价格,
类型编号。结构如表2-2所示。
表2-2 系统管理员信息表
列名 属性(数据类型)长度 默认值
编号 int自动 无
名称ntext 自动 无
产地 ntext自动 无
价格smallmoney 自动 无
类型编号nchar 10 无
3 详细设计
3.1 首页设计
前台首页承载并显示网站前台所包含的模块,使浏览者能够了解网站的内容和特点。下面介绍首页的设计效果如图3-1所示。
图3-1 首页设计
3.2用户模块设计
为了使网站经营者与用户之间建立良好的沟通桥梁,用户模块是不可缺少的。成绩管理系统的用户注册模块主要包括用户注册、用户登录、找回密码等。
1.用户注册
用户注册模块主要用于对用户注册信息,用户通过注册模块成功后即可登陆系统。成绩管理系统用户注册如图3-2所示。
图3-2 用户注册
2.用户登录
用户进入成绩管理系统时首先需要登录站点,这样可以记录会员的信息。其用户登录如
图3-3所示。
图3-3 用户登录
4 测试结果
测试用例一:登录功能测试。通过输入不同的用户名和密码,测试系统登录功能运行
的正确性,测试数据、预期结果和测试结果以表格的形式体现。测试过程如表4-1所示。
表4-1 登录功能的测试
输入用户名 输入密码 预期结果 测试结果
ii(正确) ii正确) 登录成功,转入登陆页 登录成功,转到用户页面,如图4-1
ii(正确) bb(不正确) 登录失败,转入出错页面 登录失败,转到出错页面,如图4-2 aa(正确) aa(正确) 登录失败,转入登陆页 登录失败,转到用户页面,如图4-3 aa(正确) bb(不正确) 登录失败,转入出错页面 登录失败,转到出错页面,如图4-2
空 空 错误提示:用户名,密码
不能为空
错误提示:用户名,密码不能为空
注:aa为管理员,ii为普通用户
图4-1 普通用户登入界面
图4-2 用户登入出错界面
图4-3 管理员登入页面
测试用例二:找回密码功能测试。通过输入不同的用户名和相应的邮箱来测试找回密码的功能是否能够实现,测试数据、预期结果和测试结果以表格的形式体现。测试过程如表4-2所示。
表4-2 找回密码功能测试
输入用户名 输入邮箱 预期结果 测试结果
aa(正确) aa@https://www.360docs.net/doc/9316060992.html,(正确) 验证成功,修改新
密码
验证成功,修改新密码,如图
4-4
aa(正确) aa@https://www.360docs.net/doc/9316060992.html,(不正确)无法找回密码 无法找回密码,如图4-5 cgq(不正确)cgq@https://www.360docs.net/doc/9316060992.html,(不正确)无法找回密码 无法找回密码,如图4-6
空 空 错误提示:用户名,
密码不能为空
错误提示:用户名,密码
不能为空
图4-4 验证成功,用户修改密码
图4-5 验证错误,无法修改密码
图4-6 验证错误,无法修改密码
测试结果达到了预期的效果,用户登录和找回密码的功能基本上实现了。登录界面可以实现用户顺利的登录系统进行下一步的操作,也可以阻止非系统用户登录系统。找回密码功能实现了帮助用户找回自己的密码。解决了用户因一时疏忽,忘记密码而不能登录系统进行操作的难题。
测试用例三:管理员分页查看用户,更改用户数据(新增、删除、修改用户信息),按权限查看用户信息。
图4-6 管理员分页查看用户
图4-7 管理员更改用户数据(修改、删除、新建用户)
测试用例四:简易计算器
测试用例五:按用户需求搜索数据
测试结果达到预期要求。各模块均能实现其功能。
网站设计制作协议(三)标准样本
协议编号:WU-PO-701-19 网站设计制作协议(三)标准样本 In Order T o Protect The Legitimate Rights And Interests Of Each Party, The Cooperative Parties Reach An Agreement Through Common Consultation And Fix The Responsibilities Of Each Party, So As T o Achieve The Effect Of Restricting All Parties 甲方:_________________________ 乙方:_________________________ 时间:________年_____月_____日 A4打印/ 新修订/ 完整/ 内容可编辑
网站设计制作协议(三)标准样本 使用说明:本协议资料适用于协作的当事人为保障各自的合法权益,经过共同协商达成一致意见并把各方所承担的责任固定下来,从而实现制约各方的效果。资料内容可按真实状况进行条款调整,套用时请仔细阅读。 根据国家知识产权及网络管理的有关规定, _________(以下简称甲方)委托_________(以下简称乙方)为甲方筹建Internet网站,设计制作网页的合作项目,经双方协商达成以下协议: 一、合同内容和要求 1.网站有_________种语言版本:_________; 2.网站页数范围:_________; 3.网站建设方案:_________。 二、合同金额及付款方式 1.甲方应向乙方网站规划费,网站设计费,网站制作费,以及网站后期维护费共计人民币_________
Web动态网页课程设计 题目及要求
Web动态网页课程设计 (总学时数:16课时) 一 Web动态网页 课程设计性质:本课程是一门计算机相关专业实践性环节。以HTML和CSS为基础,全面学习网页设计制作有关的知识,让学生通过实践理解Web基本工作机制,并使学生具有一般网页制作的能力。与此同时,通过对Web页制作技术和制作工具的学习,使学生对网页设计中所涉及的相关知识有一个全面的了解。 二课程设计目的 通过对ASP对象的使用,实现对WEB数据库的访问。通过本课程的学习,使学生全面了解网站建设与网页设计的基本概念、基本理论及业务运作模式,了解网站建设与网页设计的特点及工作过程,掌握网站的建立及网页设计制作的方法,能够完成一般性网站的建设。同时学会Web数据库系统开发的基本方法与过程并能够实现B/S结构的数据库管理系统。 三课程设计地点 公共基础实验室3(A504) 四课程设计内容 本次课程设计题目方案如下:
题目1:基于Web的实验室信息管理系统 题目2:网络商店(见web程序设计课本案例) 题目3:学生自拟(需经过教师审核) 内容要求: (1)掌握Web网页常用的开发工具Deamweaver或.Net的使用; (2)学会IIS的配置,或者netbox的安装与设置; (3)学会Html、CSS、Javascript、VBscript或C#的简单开发和应用 (4)学会B/S模式下,asp与数据库的连接,建议采用Access 数据库。动态新闻管理系统。在系统中,必须完成文章的添加,删除、修改、文章内容显示、题目列表显示 五课程设计时间安排 第一周 安排计划 第二周 数据库的设计 第三周 完成HTML静态页面和 CSS设计; 第四周开始至第六周 开始JavaScript、Javascript、VBscript或C#的程序代码设计
网页设计课程方案
网页设计之静态网页制作 课程目标:不用精通编程语言,主要围绕网页布局设计。 教学特色:以循序渐进学习为主,从学员的学习接受程度出发,通过阶梯式课程提高学习效果,通过阶梯式的项目课程设计迅速提高学员网站\网页美工设计能力。 适用对象: 1、高中及以上学历; 2、有志于IT行业发展; 3、对网站美工设计制作感兴趣; 4、企业职员培训 课程学习内容包括下面三个软件: 1. Dreamweaver Dreamweaver是Adobe公司推出的一款专业的网站开发与维护软件,支持DHTML、CSS、网页编程,所见即所得等技术,是目前使用的较多的网站布局设计与维护软件。 培训内容:网页的版面规范、网站建设流程、Dreamweaver的操作界面、各种网页元素的使用、表格与布局表格、层、时间轴与简单动画制作、框架、表单的制作、库与模板、行为、网站的维护与管理、HTML 与JavaScript简介、HTML基础语言;常用的SEO技巧、设计网页要注意的事项。 主要核心步骤:运用掌握的界面效果图进行HTML模板制作,其中涉及到SEO、table+css和Div+css布局(重点掌握的内容)。 2. FLASH FLASH是Adobe公司推出的一款专业的动画制作软件,采用矢量图形来制作动画,支持“流”媒体技术,并支持ActionScript编程,广泛应用于网页设计、网站广告、游戏、MTV、教学软件与电子杂志制作等方面! 培训内容:动画的基本概念、FLASH操作界面、FLASH动画的鼠绘技巧、动画的分类与制作方法、元件的分类、区别和应用、层的种类与应用、Flash常见的问题、初级ActionScript语言、大量关于网络广告和多媒体课件的商业实例制作。 主要核心步骤:结合HTML模板进行网站的菜单导航、网络广告、网络动画和简单的flash网站制作。 3. Photoshop 专门针对网页设计(网页美工)行业,熟悉Photoshop在WEB中的应用。有Photoshop基础效果会更好。培训内容:Photoshop基本操作界面、工具使用、层及滤镜,提高实用技巧;Photoshop选区的选取与编辑;UI用户界面制作、Photoshop里面的行为和批处理技巧;Photoshop制作企业网页效果图(综合讲解);配合DR制作出Table和DivCSS的HTML模板页面. 主要核心步骤:学员根据所学的知识点来策划自己的网站界面。 网页设计之动态网站建设 课程目标:提高网页编程能力,主要围绕网页功能开发。使学员了解基于https://www.360docs.net/doc/9316060992.html,的应用程序一般开发流程。全面学习掌握最新的https://www.360docs.net/doc/9316060992.html,和https://www.360docs.net/doc/9316060992.html, 开发技术,掌握基于三层架构的https://www.360docs.net/doc/9316060992.html,企业级应用程序的开发流程。 适用对象: 要有一定的面向对象程序设计或C语言程序设计基础,主要是要对https://www.360docs.net/doc/9316060992.html,开发技术感兴趣有志之士。
网页制作的目录文件及CSS命名规范
网页制作的目录文件及CSS命名规范 第一部分:目录、文件、CSS命名方式: 文件夹与文件名称、CSS样式命名、程序中的一些控件等等: 名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;目录名应以英文、拼音为主(不到万不得已不要以拼音作为目录名称,经验证明,用拼音命名的目录往往连一个月后的自己都看不懂)。尽量用一些大家都能看懂的词汇。使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义。而且当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作。 例如:images(图形文件),flash(Flash文件)等。 命名方式:(性质_描素_位置_分类_数量)项相结合,采用简写、组合的方式形成通用规则。 例如: news (性质) news_title (性质_描素) news_title_top (性质_描素_位置) news_title_top_01 (性质_描素_位置_数量) news_title_top_a_01 (性质_描素_位置_分类_数量) news_title_top_b_01 (性质_描素_位置_分类_数量) 常用目录名: data(数据库) images(图片) install (安装) templets (模版) include (包含) admin (后台) rss (定阅) media (媒体) config (配置) Script (脚本) Language (语言) style (样式)等…… 常用CSS名: 页面外围控制整体布局宽度:wrapper;头:header;内容:content/container;页面主体:main;侧栏:sidebar;尾:footer等……,更多命名查看: 《div+css 命名规则》
web网页设计期末习题题目练习
第一套 一、填空题(20分每空2分) 1.RGB色彩模型最多可以表示(224)种颜色。 2.HTML页面的正文应该放在(body )标记对中。 3.下拉列表的列表项应该放在(option )标记对中。 4.三种样式表中,与代码结合最紧密的是(内联)。 5.Css中填充的属性是(padding)。 6.当页面使用外部样式时,应该在页面的头部分使用(link )标记。 7.(伪类)用于指定选择符的状态。 8.表单可以用两种方式来提交,一是点击提交按钮,二十在脚本中显示表单的 (submit )方法。 9.最低公用标准的浏览器文档对象模型中(document)对象代表窗口显示的html文档。 10.w3c DOW 按照ID 获取HTML元素对象的方法是(getElementById() )。 二、判断题,判断以下说法的对错(10分,每题1分) 1、HTML是一种网页编程语言。(×) 2、HTML不允许交差嵌套。(√) 3、HTML元素的ID属性不能以数字开头。(√) 4、URL地址属于绝对路径。(√) 5、P标记没有默认样式。(×) 6、内联元素可以嵌套块元素。(×) 7、border 属性是不能被继承的。(√) 8、JavaScript 只能用于客户端编程.(×) 9、在最低公用标准的浏览器文档对象模型中,不是所有的HTML元素都是对象。(√) 10、W3C DOM是以树形结构表示HTML文档的。(√) 三、单选题(32分,每题2分) 1、jpg格式图像适用于以下哪种图片?(D) A.动画 C.公司logo B. 图标 D.人物照片 2、以下为内联元素(inline element)的是?(B) A.
C.