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

本文涉及的产品
云数据库 RDS SQL Server,独享型 2核4GB
云数据库 RDS MySQL Serverless,0.5-2RCU 50GB
简介:

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在功能上的要求。)
代码如下:
 

 

 
  1. <%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="UTF-8"%> 
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
  3. <html> 
  4.   <head> 
  5.     <title>留言板</title> 
  6.   </head> 
  7.   <body> 
  8.   <div align="center" id="newslist"> 
  9.     <table border="1"> 
  10.         <tr> 
  11.             <td align="center" width="660"><b> 
  12.             <font size="7" color="#00FFFF">留 言 板</font></b></td> 
  13.         </tr> 
  14.  
  15.   <%  
  16. String driverName="com.mysql.jdbc.Driver";  //驱动程序名  
  17. String userName="root";                     //数据库用户名  
  18. String userPasswd="123456";                 //密码  
  19. String dbName="test";                       //数据库名  
  20. String url="jdbc:mysql://localhost/"+dbName+"?user="+userName+"&password="+userPasswd;  
  21.  
  22. Class.forName("com.mysql.jdbc.Driver").newInstance();  
  23.  
  24. Connection connection=DriverManager.getConnection(url);  
  25.  
  26. Statement statement = connection.createStatement();  
  27.  
  28. String sql="SELECT * FROM message";  
  29.  
  30. ResultSet rs = statement.executeQuery(sql);  
  31.         //获得数据结果集合  
  32. while(rs.next()) {  
  33. %> 
  34.         <tr> 
  35.             <td align="left"><b><%=rs.getString(3) %>说:</b><p align="right"><%=rs.getString(2) %><br> 
  36.             <hr color="#00FFFF"></td> 
  37.         </tr> 
  38.  
  39. <%  
  40. }  
  41. rs.close();  
  42. statement.close();  
  43. connection.close();  
  44. %>    
  45.     </table> 
  46. </div> 
  47.  
  48.                
  49. <hr width="600" color="#99CCFF"> 
  50.     
  51.     
  52. <form method="post" action="saveMessage.jsp"> 
  53.     <p align="center"><font size="2">&nbsp;显 示 名 </font>   
  54.     <input type="text" name="author" size="15"> 
  55.     <p align="center">&nbsp;<textarea rows="3" name="content" cols="70"></textarea>*</p> 
  56.     <p align="center"><input type="submit" value="提交" name="B1"></p> 
  57. </form> 
  58. </body> 
  59.  
  60. </html> 

之后将Mysql的数据库驱动放到项目目录的lib中去,如图:(还没有这个驱动的可以到本文附件中下载 DOWNLOAD)
好了,发布一下就可以了。




本文转自 nileader 51CTO博客,原文链接:http://blog.51cto.com/nileader/309083,如需转载请自行联系原作者

相关实践学习
基于CentOS快速搭建LAMP环境
本教程介绍如何搭建LAMP环境,其中LAMP分别代表Linux、Apache、MySQL和PHP。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心,利用清洁计算为万物互联的新世界提供源源不断的能源动力,目前开服的区域包括中国(华北、华东、华南、香港)、新加坡、美国(美东、美西)、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程,来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品:云服务器ECS 云服务器 ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率,使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
相关文章
|
2月前
用织梦实现一个从零到可以正常访问的网站--第三章
用织梦实现一个从零到可以正常访问的网站--第三章
11 0
|
2月前
|
存储 JavaScript 前端开发
简易留言板功能
简易留言板功能
|
前端开发
班级网站-前端网页技术精美完整源码HTML+CSS+JS
班级网站-前端网页技术精美完整源码HTML+CSS+JS
147 0
班级网站-前端网页技术精美完整源码HTML+CSS+JS
|
安全 Java 数据库
10分钟完成补充个人博客留言设计贴功能
10分钟完成补充个人博客留言设计贴功能
102 0
10分钟完成补充个人博客留言设计贴功能
|
JavaScript 前端开发 测试技术
接口测试平台代码实现番外:主页改版-5
上节之后有粉丝私聊觉得,平台右上角的“主页/退出” 按钮已经过时。所以我们本节首先来优化下。
接口测试平台代码实现番外:主页改版-5
|
前端开发 测试技术 Python
接口测试平台代码实现番外:主页改版-4
接口测试平台代码实现番外:主页改版-4
接口测试平台代码实现番外:主页改版-4
|
测试技术
接口测试平台代码实现番外:主页改版-7
接口测试平台代码实现番外:主页改版-7
接口测试平台代码实现番外:主页改版-7
|
前端开发 JavaScript 测试技术
接口测试平台代码实现番外:主页改版-3
接口测试平台代码实现番外:主页改版-3
接口测试平台代码实现番外:主页改版-3
|
JavaScript 测试技术
接口测试平台代码实现番外:主页改版-2
接口测试平台代码实现番外:主页改版-2
接口测试平台代码实现番外:主页改版-2