WEB开发技术大作业.doc

西 安 邮 电 大 学 （计算机学院） WEB开发技术 大作业 题 目： 个人展示网站 专业名称： 班 级： 学生姓名： 学号（8位）： 指导教师： 提交时间： 2014年12月26日 设计目的 设计实现个人展示网站，本网站主要是一个个人网站主要是展示了网站制作者的一些个人信息，如：主页主要是一些基本信息的展示，从主页可以点击进入查寻作者的相册以及作者的一些心情日记。所以本网站是一个简单的个人展示，便于大家对作者进行了解，以便更好的沟通交流。 二. 设计内容 个人展示网站主要有以下几个功能： 网站的登录，凡是数据库中所包含的登录信息均可正确登录进行查看，反之则登录 失败无法查看网站内容。 主页是作者的一些个人信息简介，通过主页同时可以链接进入其他页面。 我的相册页面主要是作者的一些图片。 我的美丽心情页面主要记载的是作者的一些心情，访问者可以进行查看。 概要设计 1．功能模块图： 2．各个模块详细的功能描述 登录模块：登录模块主要是验证想要登录网站查看信息的用户的身份，只有数据库中存在的身份才可以成功登录，若非数据库中的用户即提示登录失败。 主页：这个模块是一个简单的信息展示。 我的相册：主要是作者的图片，采用瀑布模型对图片进行排列。 我的美丽心情：主要记载作者的一些作者的一些心情。 四．详细设计 数据库设计：数据库中包含有一个表即用户登录权限的限制，只有数据库中包含的用户才能登录。 网站主目录结构说明：登录成功后即进入首页中，在首页可以选择进入我的相册或者是我的美丽心情两个页面中任一页面。 主要代码： 登陆界面代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / title登录注册/title link type=text/css href=lxzstyle.css rel=stylesheet / /style /head body class=back div class=form1 form action=./connect.jsp method=post br /br / nbsp;nbsp;nbsp;nbsp;dd姓名：input type=text class=input_style name=user//ddbr /br / nbsp;nbsp;nbsp; dd密码：input type=password name=pass class=input_style //ddbr/br /br / nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;input class=submit_style type=submit name=Submit value=登录/br /br / a href=index.html登录成功/a /form /div /body /html 主页代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleSHERO的个人主页/title link type=text/css href=lxzstyle.css rel=stylesheet / script type=text/javascript language=javascript src=lxz.js/script /head body onload=show() div id=page1 class=image home !--第一页：我的个人主页-- div class=top ul class=topul li class=home0home/li li class=resume 简历表/li