开发第一个动态网站——实现留言板(列出所留言)-阿里云开发者社区

开发第一个动态网站——实现留言板(列出所留言)

2017-11-27 1053

简介：

+关注继续查看

STEP 1 准备数据库
我们要先生成一些测试数据，使用Mysql作为DBMS,使用默认的test作为DB。如下：
---------------------------------
mysql> use test
Database changed
---------------------------------
接下去就是新建一张留言的数据表，并向表中插入几条预设的数据，表的各个字段及数据如下：
------------------------------------
CREATE TABLE `message` (
`mid` int(11) NOT NULL auto_increment,
`content` text,
`author` varchar(20) default NULL,
PRIMARY KEY (`mid`)
);
-------------------------------------
然后可以插入一些数据了。
--------------------------------------
INSERT INTO `message` VALUES ('1', 'this is the first message', 'nileader');
INSERT INTO `message` VALUES ('2', 'second message', 'nileader');
--------------------------------------

STEP 2 建立jsp页面
使用myeclipse，new一个web project，
其中index.jsp的代码如下：（这是一个相当简陋的页面，完全符合了作为一个DEMO在功能上的要求。）
代码如下：

<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>留言板</title>
</head>
<body>
<div align="center" id="newslist">
<table border="1">
<tr>
<td align="center" width="660"><b>
<font size="7" color="#00FFFF">留言板</font></b></td>
</tr>
<%
String driverName="com.mysql.jdbc.Driver"; //驱动程序名
String userName="root"; //数据库用户名
String userPasswd="123456"; //密码
String dbName="test"; //数据库名
String url="jdbc:mysql://localhost/"+dbName+"?user="+userName+"&password="+userPasswd;
Class.forName("com.mysql.jdbc.Driver").newInstance();
Connection connection=DriverManager.getConnection(url);
Statement statement = connection.createStatement();
String sql="SELECT * FROM message";
ResultSet rs = statement.executeQuery(sql);
//获得数据结果集合
while(rs.next()) {
%>
<tr>
<td align="left"><b><%=rs.getString(3) %>说：</b><p align="right"><%=rs.getString(2) %><br>
<hr color="#00FFFF"></td>
</tr>
<%
}
rs.close();
statement.close();
connection.close();
%>
</table>
</div>
<hr width="600" color="#99CCFF">
<form method="post" action="saveMessage.jsp">
<p align="center"><font size="2"> 显示名 </font>
<input type="text" name="author" size="15">
<p align="center"> <textarea rows="3" name="content" cols="70"></textarea>*</p>
<p align="center"><input type="submit" value="提交" name="B1"></p>
</form>
</body>
</html>