银川大学怎么样-银川大学怎么样
课程项目报告书
课程名称:
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
?
技术方案
1.
本
WEB
应用采用 的是基于
JSP
的
B/S
动态网站开发
< p>
2.
JDBC
数据库连接
SqlServer
3.
JAVA
语言,面向对象的程序设计
4.
采用
Html
语言
5.
采用
CSS
语言
6.
采用
Servlet
技术
7.
采用
JavaBean
技术
8.
使用了
JavaScript
9.
选择
Eclipse
开发工具
10.
采
用
Tomcat 8.0
作为搭载服务器
二、
功能设计
,
7
个
HTML
文件、< /p>
2
个
JSP
文
本
We b
应用包括一个类包
件、一个
XML
文件 和一个数据库文件
Student
构成。
在功能实现部分主要分为
5
大主要模块
1.
登录模块
功能:主要是通过此模块输入用户名密码等进行登录
2.
首页模块
功能:博客的主界面,通过此界面可以选择各种功能
3.
JavaBean
模块
< p>功能:对数据元素进行封装操作
4.
ViewServlet
模块 p>
功能:通过调用
Servlet
来显示要显示的信息
5.
Ad dServlet
模块
功能:通过
Servlet
来插入数据库中信息
6.
显示结果模块
功能:通过
servlet
调 用显示输出信息
三、
数据库设计
在
SQLServer p>
中建立了两个表
Message
中存放的是用户的事项。 p>
以下是表结构:
,
p>
Diary
中存放的是用户的日记,
四、
详细设计
具体使了很多
CSS
的内容,
这里就不过多的进行阐释,
主要展示的是关于
JSP
、
html
、
Servlet
等的详细 设计内容。
代码展示的是主要模块代码的举例,最后配有主要模块功能
展示截图。
1
.登录模块
DOCTYPE
html>
<
html
>
<
head
>
<
title
>
Signin
title
>
<
link
href
=
rel
=
'stylesheet'
type
=
'text/css'
/>
<
meta
name
=
content
=
>
<
meta
http- equiv
=
content
=
/>
<
meta
name
=
content p>
=
Forms,Registration
Forms,News latter Forms,Elements
/>
<
script
type
=
>
addEventListener(
,
function
()
{
setTimeout(hideURLbar, 0); },
false
);
function
hideURLbar(){ To(0,1); }
script
>
<
link
href
=
'/css?family=Open+Sans:300italic,400ita lic,600it
alic,700italic,400,300,600,700
,800'
rel
=
'stylesheet'
< p>type
=
'text/css'
>
<
script
type
=
>
function
login(){
var
content=mentById(
);
var
passwords=mentById(
);
if
(!=
){
alert(
用户名错误,请重新输入!
);
return
false
;}
else
if
(!=
){
alert(
密码错误,请重新输入!
);
return
false
;}
else
{
return
true
;
}
return
false
;
}
function
ForPass(){
}
alert(
用户名:
daley
密码:
daley
)
script
>
head
>
<
body
>
<
h1
class
=
< p>>
欢迎进入
戴超博客
h1
>
<
div
class
=
>
<
div
class
=
><
img
src
=
class
=
alt
=
/>
div
>
<
form
method
=
action
=
onsubmi t
=
login()
>
<
input
type
=
id
=
class
=
value
=
onfocus
=
on blur
=
Name';}
>
<
input
type
=
id
=
value
=
onfocus
=
on blur
=
'Password';}
>
<
div
class
=
><
input
type
=
value
=
<
div
cl ass
=
>
div
>
<
div
class
=
>
<
ul
>
<
li
><
a
href
=
onclick
=
in
>
div
>
cla
ss
=
>
忘记用户名密码
p>
a
>
li
>
ul
>
div
>
form
>
div
>
<
div
class
=
>
<
p
>
Copyright
©
太原理工大学
软件
1316
戴超
.
p
>
div
>
body
>
html
>
2
.首页模块
DOCTYPE
< p>html>
<
html
lang
=
>
<
head
>
<
meta
charset
=
>
< p>
<
title
>
Daley
的主页< /p>
title
>
<
meta
http- equiv
=
content
=
>
<
meta
name
=
content
=
>
<
meta
name
=
content
=
>
<
meta
name
=
content
=
>
<
link
rel
=
href
=
>
<
link
rel
=
href
=
>
<
link
rel
=
href
=
>
head
>
<
body
data- spy
=
data- target
=
>
<
div
class
=
>
<
div
class
=
>
<
span
< p>class
=
>
span
>
div
>
div
>
<
header
>
<
section
class
=
>
<
div
class
=
>
<
div
class
=
>
<
div
class
=
>
<
h3
cl ass
=
>
最近事项
h3
>
<
h4
><
a
href
=
><
input
type
=
value
=
添加
<
h4
< p>><a
href
=
><
input
type
=
value
=
<
p
>
这个模块 是我的重要事项模块,有添加和查看两个功能,可以把最近比
是通过
se rvlet
和
javabean
来操作的,
点击查 询可以查看所有已经添加的事
<
div
class
=
>
<
div
class
=
>
<
div
class
=
>
<
img
src
=
class
< p>=
<
hr
>
<
h1
class
=
>
Hi, I am Daley
h1
>
<
h1
class
=< /p>
>
我的英文名是
Daley
h1
>
<
h1
class
=< /p>
>
戴超
软件
131 6
h1
>
img-
circle tm-border
alt
=
>
div
>
div
>
div
>
header
>
< br>
>
a
>
h4
><< /p>
span
>
span
>
查看
>
a
>< /p>
h4
>
较重要的事情添加进数据库,有标题、重要程度、日期和正文等内容。
项,并且在一个新的页面显示出来。
————
Daley 2015.12.29
p
>
div
>
div
>
<
div
class
=
>
<
div
class
=
>
<
h2
class
=< /p>
>
一天中的时间分配
h2
>
<
strong
>
健身
strong
>
<
span
class
=
>
10%
span
>
<
div
class
=
>
<
div
class
=
role
=
aria-valuenow
=
aria-valuemin
=
aria-valuemax
=
style
=
width
:
10 %
;
>
div
>
div
>
<
strong
>
睡觉
p>
strong
>
<
span
class
=
>
34%
span
>
<
div
class
=
>
<
div
class
=
role
=
aria-valuenow
=
aria-valuemin
=
aria-valuemax
=
style
=
width
:
34 %
;
>
div
>
div
>
<
strong
>
学习
p>
strong
>
<
span
class
=
>
40%
span
>
<
div
class
=
>
<
div
class
=
role
=
aria-valuenow
=
aria-valuemin
=
aria-valuemax
=
style
=
width
:
40 %
;
>
div
>
<
section
class
=
>
<
div
class
=
>
<
div
class
=
>
<
div
class
=
>
<
h2
cl ass
=
>
日记
h2
>
<
div
class
=
>
<
h4
><
a
href
=
><
input
type
=
<
h4
><
a
href
=
><
input
type
=
<
div
class
=
>
<
h5
< p>>模块简介
h5
><
sp an
>
span
>
<
h5
>
作者
Daley
p>
h5
>
div
>
div
>
div
>
div
>
section
>
value
=
添加
p>
>
a
>
h4
>
value
=
查看
>
a
>
h4
>
div
>
<
p
class
= p>
>
这个模块是我的重要日记
模块,同样有添加
和查看两个功能,可以把最新日记添加进数据库,有标题、心情、日期和正文
等内容。<
/p>
<
section
class
=
>
<
div
class
=
>
<
div
class
=
>
<
div
class
=
>
<
h2
>
联系 方式
h2
>
<
p
><
i
< p>class
=
>
i
> p>
太原理工大学明向校区
13
<
p
><
i
class
=
>
i
>
150-3416-3007
p
>
<
p
><
i
< p>class
=
>
i
> p>
<
p
><
i
class
=
>
i
< p>>
p
>
<
div
class
=
>
<
div
class
=
>
<
p>
h2
>
教育经历
h2
>
<
ul
>
<
li
>
公园路小学
/ 2001-2007
li
>
<
li
>
太原市
37
中< /p>
/ 2007-2010
li
>
<
li
>
太原师院附中
/ 2010-2013
li
>
<
li
>
太原理工大学
/ 2013
至今
li
>
是通过
servlet
和
javabean
来操作的,< /p>
点击查询可以查看所有已经添加的日
div
>
记,并且在一个新的页面显示出来。
————
Daley 2015.12.29
p
>
div
>
div
>
ul
>
div
>
div
>
div
>
section
>
栋
506
p
>
o@
p
>
div
>
div
>
<
div
class
=
>
<
div
class
=
>
<
h2
class
=< /p>
>
实习经历
h2
>
<
div
class
=
>
<
h4
class
=< /p>
>
软件测试
h4
>
<
h5
>
苏州同元软 控信息技术有限公司
h5
><
span
>
span
>
<
h5
>
2015 8
月
- 2015
九月
h5
>
<
p
class
= p>
>
在
2015
年暑假期间,去苏