网站综合设计Word文档下载推荐.docx
- 文档编号:20169690
- 上传时间:2023-01-17
- 格式:DOCX
- 页数:11
- 大小:1.68MB
网站综合设计Word文档下载推荐.docx
《网站综合设计Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《网站综合设计Word文档下载推荐.docx(11页珍藏版)》请在冰豆网上搜索。
本网站以“学生信息管理”为主题,在管理员的身份下简单实现了对学生信息的添加、查看和删除。
首先打开网站出现的是管理员用户登录界面(index1.asp),管理员需要输入正确的用户名和密码才能成功登陆,要求用户名和密码均不能为空,如果为空会有相应的提示信息。
成功登陆后,显示出相应的操作目录界面(index2.asp),目录和相应目录的内容通过框架链接实现,管理员点击相应超链接文字,框架中会自动显示出该文字目录下的内容。
详细说明为:
1、在学生信息管理页面上添加新的学生信息,点击“添加”,如果出现学号重复的情况,则提示出错;
输入正确则返回相应信息,并且在后台数据库中添加该学生记录;
2、在学生信息查询页面上输入关键字,搜索你想要的学生信息,如果没有和你关键字相符合的,则不显示任何结果,复合的才会显示相关内容。
3、在学生信息管理页面上点击“查看”,会显示相关学生的信息内容。
二、网站前台设计
(一)开发环境
本次网站综合设计前台主要选择McromediaDreamweaver8开发环境,基于《Web应用程序设计》课程中对于在McromediaDreamweaver8环境下对网站实现设计的基础上,通过查阅相关资料,重新学习相关知识,实现了前台的开发设计。
(二)关键技术
本次网站综合设计前台主要运用的关键技术有:
1、采用CSS样式表技术对网站核心部分进行统一设计;
2、使用Login、GridView、TextBox、Label、Div、Button等标记控件进行主体结构的设计;
3、使用超链接技术实现不同的网页之间的链接;
4、管理员用户界面采用框架结构,减少网页的冗余;
5、使用脚本程序设计保证网站动态效果更加明显。
三、后台设计
本次网站综合设计后台主要选择了MicrosoftAccess数据库为开发环境。
(二)设计思想
本次网站综合设计后台数据库主要建立了学生信息表、班级信息表、用户表(即管理员表)三张表,学生信息表包括学号、姓名、性别、电话、ID,其中学号是主键。
班级信息表包括班级号、ID、班主任姓名、专业,其中班级号是主键。
用户表包括ID、姓名、密码,其中ID是主键。
三张表内容如下:
班级信息表
学生信息表
用户表
四、网站功能实现
(一)管理员用户登录的实现
这一模块主要实现了管理员用户身份的登录,如果登录正确则进入管理员用户界面,登录错误返回相应出错提示信息。
核心思想是将前台输入的用户名和密码和后台数据库中的实际用户名和密码逐一比对,如果正确,则进入下一个页面,如果输入不正确,则会弹出网页消息“用户或密码不正确”。
实现该模块功能的核心代码如下:
<
divclass="
STYLE3"
id="
Layer3"
>
<
formid="
form1"
name="
method="
post"
action="
rz.asp"
tablewidth="
293"
height="
141"
border="
1"
cellspacing="
0"
bordercolor="
#000000"
bgcolor="
#d6d3ce"
tr>
tdheight="
61"
colspan="
3"
divalign="
center"
管理员登陆<
/div>
/td>
…………………
tdcolspan="
label>
spanclass="
STYLE5"
管理员:
/span>
inputname="
admin"
type="
text"
/>
…………..
密 <
码:
password"
tdwidth="
59"
right"
inputtype="
reset"
Submit22"
value="
重置"
142"
2"
submit"
Submit3"
登录"
STYLE2"
Layer2"
计算机学院学生信息管理系统<
imgsrc="
img/img0.jpg"
width="
100%"
(二)学生信息管理模块的实现
这一模块主要实现了对学生信息的添加和查询操作,采用框架结构,简洁明了。
divid="
716"
71"
td>
ahref="
index3.asp"
class="
学生信息查询<
/a>
index4.asp"
学生信息管理<
/a>
搜索功能:
70%"
请输入查询内容:
key"
size="
10"
<
30%"
搜索"
与数据库连接:
DimS_Key,StrSQL
S_Key=Trim(Request("
))'
得到搜索关键字的值
IfS_Key<
"
then
Setrs=Server.CreateObject("
ADODB.RecordSet"
)
StrSQL=AutoKey(S_Key)'
此处使用自定义函数AutoKey(),该函数为实现智能搜索的核心
rs.openStrSQL,conn,3,2'
得到搜索后的记录
Ifrs.BOFAndrs.EOFThen
%>
fontcolor="
#FF0000"
Sorry,未找到任何结果!
/font>
………………………….
搜索名称为“<
%=S_Key%>
”的项,共找到<
%=rs.RecordCount%>
项:
p>
tableborder="
bordercolordark="
#ffffff"
bordercolorlight="
#848284"
valign="
top"
tbody>
tdalign="
12%"
学号<
姓名<
性别<
电话<
/tr>
tdalign="
%=rs("
xh"
)%>
xm"
xb"
dh"
…………………….
rs.MoveNext
Wend
rs.Close
Setrs=Nothing
……………….
FunctionAutoKey(strKey)
CONSTlngSubKey=2
DimlngLenKey,strNew1,i,strSubKey
'
检测字符串的合法性,若不合法则转到出错页。
出错页你可以根据需要进行设定。
ifInStr(strKey,"
="
)<
0orInStr(strKey,"
`"
'
"
0orInStr(strKey,chr(34))<
\"
"
0then
Response.Redirect"
EndIf
lngLenKey=Len(strKey)
SelectCaselngLenKey
Case0'
若为空串,转到出错页
Case1'
若长度为1,则不设任何值
strNew1="
CaseElse'
若长度大于1,则从字符串首字符开始,循环取长度为2的子字符串作为查询条件
Fori=1TolngLenKey-(lngSubKey-1)
strSubKey=Mid(strKey,i,lngSubKey)
strNew1=strNew1&
orxhlike'
%"
&
strSubKey&
%'
Next
EndSelect
五、网站测试发布
(一)网站测试
测试方法:
在McromediaDreamweaver8环境下进行测试,单击F12进行全局调试。
测试结果:
整个网站发布之前的测试结果正常,显示出的效果如下:
六、设计心得体会
网络已经走进现代人的生活,成了生活中不可缺少的一部分,我们必须学习。
通过对此次课程设计的学习,我对计算机的了解更深了。
综合设计后,我对网站的布局、网站前后台之间的连接、信息的传递、网站的测试和发布等有了深刻的体会,同时各方面的能力也得到了加强,设计过程中,也遇到了各种问题,通过询问同学,解决了这些问题。
当然,我们学到的还只是较少的知识,以后还要更深入的学习,才能掌握更有用的知识。
我希望能有更多学习机会,这同时也能加强人与人之间的交流,为以后走上社会打下很好的基础。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 综合 设计