基于JSP的个人主页的设计与实现

基于JSP的个人主页的设计与实现

院系经济与管理学院专业信息管理与信息系统学号 06111027

学生姓名李凯丽

基于JSP的个人主页的设计与实现

一．实验要求

使用jsp语言制作一个个人主页网站，网站要能实现登录和注册功能，并连接数据库。

二．实验目的

1.掌握HTML语言和JSP语言，能用其制作网页并实现与数据库连接的功能；

2.掌握数据库的基本操作，实现创建、插入、查询等功能；

3.形成建立网站的思维架构，明确网站的功能及组成部分。

三．环境要求

1. Windows 7（操作系统）；

2. Microsoft Office Access 2007（数据库）；

3. Dreamweaver（专业网页制作工具）；

4. 360安全浏览器；

5. Tomcat 7.0（jsp服务器）；

6. JDK （Java 语言的软件开发工具包）。

四．设计内容

4.1服务器的配置

第一步：从官方网站http;//https://www.360docs.net/doc/652543448.html,下载该软件的最新版本。我所下载的是jdk-8u25-windows-x64文件。

第二步：双击.exe文件

第三步：JDK的环境配置：在Windows中用鼠标指向我的电脑,按右键，选择“属性”，在“系统特性”表单内选择“高级”标签，在“高级”标签内选择“环境变量”，在系统变量中加入变量JAVA_HOME变量:C:\ProgramFiles\Java\jdk1.8.0

Classpath变量为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar，path变量值为C:\Program Files\Java\jdk

安装和配置完毕后，在“命令提示符”中输入javac，会出现如图1所示，则说明JDK安装和配置都是正确的

4.2 Tomcat安装及配置

直接运行下载的apache-tomcat-7.0.57文件，按照一般的Windows程序安装步骤即可安装好Tomcat，安装时它会自动寻找JDK的位置。安装过程中需要选择一个文件夹作为Tomcat的安装目录。我选择安装的位置是D:\JAVA\tomcat 安装完成以后，添加一个Tomcat的环境变量，添加方法和JDK的环境变量的添加方法相同，设置变量名为TOMCAT_HOME,变量值为D:\JAVA\tomcat 设置完毕后就可以运行Tomcat服务器了。Tomcat成功启动后，在浏览器中输入http;//localhost;8080/，如果出现欢迎界面，则说明Tomcat安装成功。欢迎界面如图2

五、数据库分析及总体设计

5.1 数据库需求分析

整个系统功能需要以下数据项：用户：name、password、email

5.2 数据库结构设计

用JSP连接数据库，关键代码如下

<%

if(request.getParameter("name")!=null&&request.getParameter("password")!=null) {

Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");

Connection con=DriverManager.getConnection("jdbc:odbc:kiali");

Statement

smt=con.createStatement(ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_REA D_ONL Y);

String getpaperdata="SELECT * FROM kaili WHERE name='"+request.getParameter("name")+"'AND

password='"+request.getParameter("password")+"'";

ResultSet papers=smt.executeQuery(getpaperdata);

if(papers.next())

{response.sendRedirect("denglu_yes.jsp");}

else

out.println("密码账号不符！！");

}

%>

六、程序运行

（1）登录注册界面

欢迎进入个人主页

登陆 注册

（2）用户注册

<%@ page contentType="text/html; charset=utf-8" language="java" impor t="java.sql.*" errorPage="" %>

新用户注册

---

用户：

密码：

确认：

邮箱：

< /form>

（3）注册成功

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sq l.*" errorPage="" %>

<%

{try{

Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");

}

catch(ClassNotFoundException e)

{}}

try

{

Connection con=DriverManager.getConnection("jdbc:odbc:kaili","","");

Statement stmt=con.createStatement();String adddata="INSERT INTO kaili"+ "(name,password,password1,email)"+"values"+"("+

"'"+request.getParameter("name")+"',"+

"'"+request.getParameter("password")+"',"+

"'"+request.getParameter("password1")+"',"+

"'"+request.getParameter("email")+"'"+")";

stmt.execute(adddata);

}

catch(SQLException e){ }

%>

注册成功，欢迎进入个人主页！

美图收藏〉〉〉

（4）登录

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sq l.*" errorPage="" %>

用户登录

---

用户：

密码：

（5）登陆成功

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sq l.*" errorPage="" %>

登录成功，欢迎进入个人主页！

美图收藏〉〉〉

网页制作课程设计报告

网页制作课程设计报告 学院： 专业班级： 姓名： 学号： 成绩： 阅卷教师：

目录 1.设计目的 (1) 2.设计思想 (1) 2.1网站整体结构规划思想 (1) 2.2 主页设计思想 (1) 2.3子页的设计思想 (1) 3网页详细设计分析 (1) 4结论 (2)

1.设计目的 阐述该个人网站的设计意图和创意，简单介绍自己的个人网站。 2.设计思想 阐述网站的整体设计思想，包括： 2.1网站整体结构规划思想 要求阐述网站整体结构的选择、设计的思想，绘制网站结构草图。 2.2 主页设计思想 要求对主页的布局思路进行阐述和分析。 2.3子页的设计思想 要求对子页的设计以及网页对象的选取思路进行阐述和分析。 3网页详细设计分析 要求选取一张网页，对网页的设计实现过程进行阐述和分析，详细说明制作该网页的步骤，所使用的网页对象以及该网页对象的操作方法。

4结论 对整个设计报告做归纳性总结，并分析设计过程中的困难及如何解决的，最后提出展望。 一、设计目的 本课程的设计目的是通过实践使同学们经历Dreamweaver cs3开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs3可视化开发工具进行网页开发的方法；了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。熟练掌握Photoshop cs3、Dreamweaver cs3等软件的的操作和应用。增强动手实践能力，进一步加强自身综合素

个人网站的设计与实现_本科毕业设计(论文)

题目：个人网站的设计与实现个人网站的设计与实现

个人网站的设计与实现 前言 随着国际互联网的普及，很多人已经不满足仅仅在Internet上的浏览信息，而是希望更深入的参与其中，拥有自己的Web网站，这似乎已经成为一种潮流。如果说个人建立网站是为了追求时尚，那么企业建立网站就是必然的选择了。 无论是专业的，还是业余的，很多人对网页制作颇感兴趣。事实上制作一个简单的网页并不困难，会使用Word的人都可以胜任。但想做出超凡脱俗的网页就不那么容易了，而Dreamweaver却可以满足你的愿望，它是Macromedia 公司开发的集网页制作和网站管理于一身的所见即所得的网页编辑器。 同样出自Macromedia公司的Flash,Fireworks在制作网站的过程中起到了锦上添花的作用，是个人网站实现的好帮手，在制作网站的时候经常会用到这些软件。 本文有五章，我来由浅到深介绍个人网站的设计与实现。 摘要 在互联网走进我们的生活之前，没有人敢梦想拥有自己的报纸、杂志、电台、电视台。除了政策上的制约外，一个人也根本没有操作一份传播媒体的能力。现在不同了，互联网给我们提供了一个“表达自我”的自由天地,你可以拥有自己的新闻邮件，你可以建立自己的个人网站。只要你办得成功也可以吸引成千上

万的订户、读者,并建立自己在众多参与者中的权威地位。建立个人网站的基本过程可以分为以下七个环节 : 1 了解中国网络个人主页研究背景与发展现状 2 系统需求分析与总体设计 3 熟悉网站开发模式、工具及环境 4 把自己的作品和想要展示的内容制作成网页。 5 使用动态网页技术(ASP) ，实现动态内容更新。 6 认真地选取测试用例，进行交叉测试 7 网站的后期完善、宣传及发展方向 其中 ,网页制作和使用动态网页技术(ASP) 实现动态内容更新是网站开发的核心内容。 关键词：网页、制作、访问、链接 Abstract Enters before our life in the Internet, nobody dares to vainly h ope for has own newspaper, the magazine, the broadcasting station, th e television station. Besides the policy in restriction, a person sim ply has not also operated dissemination media the ability. Now has be en different, Internet has provided to us "the expression" free world, You may have own news mail, you may establish own individual website. So long as you also manage the success to be possible to attract the tens of thousands of subscribers, the reader,And establishes oneself

个人主页-开题报告

安徽绿海商务职业学院 毕业设计(论文)开题报告 信息技术系系计算机多媒体技术专业 学生姓名：王凯 学号：20090120020231 起讫日期：2011-12-18 设计地点：安徽绿海商务职业学院 指导教师：程明星 二O一一年十二月十八日

毕业设计（论文）开题报告题目个人主页设计 课题类型□工程设计□实验研究□产品研发□软件工程□应用科研■其它 一、课题背景： 21世纪，伴随着社会的发展和科学的进步，上网成为越来越多人们的选择。随着互联网的飞速发展，有关网络的技术也层出不穷。如今互联网上的个人网站如雨后春笋般蓬勃发展，绚丽多彩的主页比比皆是。每个人都有发挥个人才能，挥洒自己个性的网上伊甸园。在hao123神话以后，网站上的各式各样的网页又再一次达到顶峰。然而这个模式拷贝成功的网站却寥寥无几。而对于技术薄弱的个人网站来说，内在的个人主页不足导致难以吸引点击率和知名度。网站中个性主页似乎应该是一个很好的切入点。 网页实际是一个文件，它存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。文字与图片是构成一个网页的两个最基本的元素。可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面。 二、课题意义： 在飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在应用上的地位显而易见，倍受人们的重视。为了树立个人在网络上的形象，通过设计一个个人网站，以达到个人推荐、展现自我的一个平台，个人网站为交流提供综合的网络环境，同时也为个人的宣传，发展，提供了一个平台。 三、课题简介： 互联网上的个人空间又叫个人主页，个人主页是你自己用软件编辑出的网页，之后上传到指定申请位置的一个空间，可以是FTP或HTTP上传。很多人都通过博客创建自己的空间。通常情况下，在单一运营博客的网站中，直接使用帐号登录就会进入自己的博客。在综合性较强的门户网站上，也不难找到，通常情况下都会在网站的导航栏中出现。 个人主页是从英文Personal Homepage翻译而来，更适合的意思是"属于个人的网站"。所以其实个人主页就是一种最简单的个人网站，一般情况下无下级页面。博客也是个人主页。 四、调研报告：

WEB个人主页课程设计

Web应用开发技术 实验报告 专业：计算机科学与技术 班级： 学号： 姓名：

一、设计题目 个人网站 二、目的 １、本次设计是学生在学完ASP动态网站开发课程后的一次实践性很强的课程设计，是对ASP进行动态网站开发所学知识的综合运用。 2、掌握使用ASP技术进行网站开发设计。 3、通过本次实习，使学生加深所学知识内容的理解，并能积极地调动学生的学习兴趣，结合实际应用操作环境，真正做到理论与实际相结合。 三、功能需求描述 此网站可以对主人留言，来发表自己的心情，也可以把自己的联系方式写入其中，达到和睦相处、心灵的驿站的目的等。 四、总体设计

五、详细设计 （一）、我的主页 此页面为网站的主页，通过发布新心情，点击通讯录可以查看通讯录好友信息，点击留言板可以查看好友留言。 主要代码：