太原理工大学Web系统和技术实验资料.docVIP

课程项目报告书 课程名称： Web 系统和技术 _ 项目题目： _ Daley 的个人博客 学 院： 软件学院 专业班级： 软件 1316 姓 名： 戴超 学 号： 指导教师： 马 垚 2015 年 ___12__ 月 __29__ 日 想要具体代码可以加 qq 424360793 一、 项目介绍 选题思路 现在已经进入了一个互联网的时代，大家都通过互联网交流，于是个 人博客便成为了人与人之间交流不可缺少的部分。个人博客可以简单 的介绍自己，还可以在博客上发布文章，或者记录一些备忘信息，还 有包括自己的简介等等。这些都是博客必不可少的部分，于是我决定 做一个自己的博客。我的英文名叫 Daley ，于是项目名便定为 Daley 的博客。 开发环境 操作系统： Windows 7 64 位旗舰版 编译环境： Eclipse Mars+ JDK 8 .0+ T omcat 8.0 数据库： Microsoft SQL Server 2012 技术方案 本 WEB 应用采用的是基于 JSP 的 B/S 动态网站开发 JDBC 数据库连接 SqlServer JAVA 语言，面向对象的程序设计 采用 Html 语言 采用 CSS 语言 采用 Servlet 技术 采用 JavaBean 技术 使用了 JavaScript 选择 Eclipse 开发工具 采用 Tomcat 8.0 作为搭载服务器 二、 功能设计 本 Web 应用包括一个类包 ，7 个 HTML 文件、 2 个 JSP 文 件、一个 XML 文件和一个数据库文件 Student 构成。 在功能实现部分主要分为 5 大主要模块 登录模块 功能：主要是通过此模块输入用户名密码等进行登录 首页模块 功能：博客的主界面，通过此界面可以选择各种功能 3. JavaBean 模块 功能：对数据元素进行封装操作 4. ViewServlet 模块 功能：通过调用 Servlet 来显示要显示的信息 5. AddServlet 模块 功能：通过 Servlet 来插入数据库中信息 显示结果模块 功能：通过 servlet 调用显示输出信息 三、 数据库设计 在 SQLServer 中建立了两个表 ， Diary 中存放的是用户的日记， Message 中存放的是用户的事项。 以下是表结构： 四、 详细设计 具体使了很多 CSS的内容，这里就不过多的进行阐释， 主要展示的是关于 JSP、 html 、Servlet 等的详细设计内容。 代码展示的是主要模块代码的举例，最后配有主要模块功能展示截图。 1．登录模块 ! DOCTYPE html html head title Signin / title link href =css/style2.css rel = stylesheet type =text/css / meta name=viewport content =width=device-width, initial-scale=1 meta http-equiv =Content-Type content =text/html; charset=utf-8 / meta name=keywords content =App Sign in Form,Login Forms,Sign up Forms,Registration Forms,News latter Forms,Elements / script type = application/x-javascript addEventListener( load { setTimeout(hideURLbar, 0); }, false ); function hideURLbar(){ window.scrollTo(0,1); } / script !--webfonts-- link  , function  () href =/css?family=Open+Sans:300italic,400italic,600it alic,700italic,400,300,600,700,800 rel =stylesheet type =text/css !--//webfonts-- script type =text/javascript function login(){ var content=document.getElementById( UN ); var passwords=document.getElementById( PASS ); if (content.value!= daley ){ alert(  用户名错误，请重新输入！  );