网站的相关设计文档.doc

个人网站空间 背景及目标 我网站设计的目的是娱乐的形式，以锻炼设计网站所学的web开发技术的使用为目的，主要是锻炼HTML的标签的使用，css基本语法的熟悉，用JavaScript验证的使用，Jsp语言的使用，同时还有用jsp连接数据库的代码的书写，通过jsp代码对数据库进行删除、插入、更新、查询等操作。因此，本网站的核心技术就专注在网站的注册、登陆以及验证方面的内容。而对于网站的美化，网站的内容只是略微的带有几步。 需求分析 互联网上的个人空间又叫个人主页 　　个人主页是你自己用软件编辑出的网页，之后上传到指定申请位置的一个空间，可以是FTP或HTTP上传。 　　现在很多人都通过博客（多是免费的）创建自己的空间，这对工作学习忙碌者比较合适。在博客中，服务商已经设计多款模式或视图，使用者做的就是选择。 　　通常情况下，在单一运营博客的网站中，直接使用帐号登录就会进入自己的博客（空间通常也是这样）。在综合性较强的门户网站上，也不难找到，通常情况下都会在网站的导航栏中出现。（在Baidu上一般可直接搜到个人空间！可直接在空间登录）（也可以在《好123》中选择登录） 　　现实中个人空间泛指私人空间 　　具体是指，每个人都会拥有属于自己私人的一些隐私，不能让公众知道的一些事情。 比如会说：“给我留一点个人空间，不要打扰我。”或者说：“这是我的个人空间，请尊重。” 都是这样的道理。 上图是网站页面之间的关系。 上图为登陆与注册的信息的流向。 网站的功能比较简单，注册登陆后分为学生成绩的查询，以及新闻信息的浏览，个人信息的管理还有个人日志书写，个人相册的管理等。 (2)导航设计 以上是我网站的导航栏，从导航栏的内容可以看出，此导航栏可以链接到我网站的所有的网页。以此纵观全局。 (3)页面布局设计 页面的布局是以休闲的风格来的，符合个人的性格特点。色调淡雅，布局简易，可以很简单的操作全局。 1.层叠样式表的应用 在新的HTML4.0标准中，CSS(层叠样式表)被提出来，它能完全精确的定位文本和图片。CSS对于初学者来说显得有点复杂，但它的确是一个好的布局方法。你曾经无法实现的想法利用CSS都能实现。目前在许多站点上，层叠样式表的运用是一个站点优秀的体现。你可以在网上找到许多关于CSS的介绍和使用方法。 2.表格布局 表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响。对于表格布局，你可以随便找一个站点的首页，然后保存为HTML文件，利用网页编辑工具打开它(要所见即所得的软件)，你会看到这个页面是如何利用表格的。 3.框架布局 不知道什么原故，框架结构的页面开始被许多人不喜欢，可能是因为它的兼容性。但从布局上考虑，框架结构不失为一个好的布局方法。它如同表格布局一样，把不同对象放置到不同页面加以处理，因为框架可以取消边框，所以一般来说不影响整体美观。 数据库设计 本网站的数据库软件使用的是MySQL，建立了一个表来存储用户的注册信息，然后登陆是可以从此表中查询信息与使用者的录入信息相比对，通过比对的结果判断是否能够进入我网站的主页。其次是用另一各表来存储用户的留言信息。 关键技术（代码，连接代码） 注册 注册时用JavaScript进行验证，验证的内容是用户名不能为空，密码也不能为空。验证的代码如下： script language=javascript function userCheck(){ //用户登录验证 if(document.form1.logname.value==){ window.alert(请输入用户名称); return false; } if(document.form1.password.value==){ window.alert(请输入用户密码); return false; }return true; if(document.form1.password.value!= document.form1.password1.value){ window.alert(两次输入的密码不一致，请重新输入！);return false;} return true;} jdbc驱动操作数据库 本网站的数据库连接用的是纯jdbc驱动的方式，将下载的mysql-connector-java-5.1.12-bin.jar文件放到tomcat下的WEB-INF文件夹下lib文件夹下。代码如下： String jdbcurl=jdbc:mysql://localhost:3306/;