下载文档原格式
留言板的设计与实现报告1. 简介留言板是一种网上交流平台，用户可以在上面发表文字或图片，与其他用户进行交流和互动。
本报告将介绍留言板的设计与实现。
2. 设计方案2.1 功能需求留言板的基本功能需求包括：- 用户注册与登录功能：用户可以通过注册账号并登录来使用留言板。
- 留言发布功能：用户可以发布留言内容。
- 留言浏览功能：用户可以查看其他用户发布的留言。
- 留言回复功能：用户可以对其他用户的留言进行回复。
- 图片上传功能：用户可以上传图片，并与留言内容一起展示。
2.2 数据库设计留言板的数据库需要设计以下表：- 用户表（User）：用于存储用户的注册信息，包括用户名、密码等字段。
- 留言表（Message）：存储用户发布的留言信息，包括留言内容、发布时间等字段。
- 回复表（Reply）：存储用户对留言的回复内容，包括回复内容、回复时间等字段。
- 图片表（Image）：存储用户上传的图片路径，与留言表关联。
2.3 系统架构设计留言板的系统架构设计采用三层架构模式，分为表现层、业务逻辑层和数据访问层。
- 表现层：负责用户界面展示和用户输入的接收。
- 业务逻辑层：负责业务逻辑的处理，包括用户注册、登录、发布留言等功能。
- 数据访问层：负责与数据库的交互，包括用户信息的插入、查询、修改等操作。
3. 实现过程3.1 技术选型根据功能需求及系统架构设计，我们选用以下技术进行开发：- 后端开发语言：Java- 数据库：MySQL- 前端开发：HTML、CSS、JavaScript3.2 后端开发后端开发使用Java语言，采用Spring框架进行开发。
使用Spring 提供的控制器（Controller）进行用户请求的处理和响应，使用Spring 的数据访问对象（DAO）进行数据库的操作。
3.3 数据库设计与实现根据数据库设计的表结构，使用MySQL进行数据库的创建和数据表的建立。
使用JDBC连接数据库，并使用SQL语句进行数据的插入、查询、修改等操作。
7.3.1.18 处理留言服务流程与规范 流程
名称
处理留言服务流程与规范
文件受控状态
文件管理部门 服务程序
服务规范
1.核对客人信息
（1）当接到客人的留言要求后，要求得到客人的姓名和房号（如果可能的话），
留言前在系统中核查确认客人是否已在酒店登记入住。
（2）可以为住店客人和有预定的客人提供留言服务。
2.留言方式：客人可以有几种方式进行留言，向客人解释清楚并询问客人需要哪种方式留言。
a 、语音留言：可以直接在客人电话里留言，打电话通知总机客人需要语音
留言，把电话话筒递给客人，确保留言的私密性。
如果客人是住店客人，建议使用语音留言。
b 、手写留言：给客人提供留言表和笔，核查客人的姓名和房号清楚的写在
留言表上，写上日期，折叠并封好的留言表应该马上送到客人房间，表面系统中已收到留言，并备有手写留言一份。
c 、打印留言：打印的留言可以直接输入系统，这是酒店为客人留言的通常
方式。
3.递送留言
（1）如果是手写留言，送到服务中心，收到住店客人的留言后，应在20分钟内
送到客房。
（2）晚间10点后信件应由门缝塞入客人房内。
相关说明
编制人员
审核人员 批准人员 编制日期 审核日期 批准日期
留言方式 核对客人信息 递送留言。
领导留言板的办理程序通常包括以下步骤：
收集留言：领导或管理团队会定期查看留言板，收集员工、客户或其他相关方的留言。
这些留言可能涉及各种问题、建议、投诉或需求。
分类整理：收集到的留言需要进行分类整理，以便更好地进行后续处理。
可以根据留言的性质、紧急程度、所属部门等因素进行分类。
审核筛选：对于收集到的留言，需要进行审核筛选，以确保留言的真实性和合理性。
对于恶意留言、虚假信息或攻击性言论等，需要进行相应的处理。
分配任务：经过审核筛选后，将留言分配给相关部门或人员进行处理。
分配任务时需要明确处理要求和时限，以确保任务能够得到有效落实。
处理回复：相关部门或人员接收到任务后，需要对留言进行处理，并给出回复。
回复内容需要针对留言的具体问题进行解答或说明，同时要注意回复的语气和态度，以保持良好的沟通氛围。
跟踪反馈：对于处理过的留言，需要进行跟踪反馈，以确保问题得到妥善解决。
如果留言方对处理结果不满意，需要及时进行沟通协商，以达成共识。
归档总结：定期对留言板上的留言进行归档总结，分析留言中反映的问题和需求，以便为企业的决策提供参考依据。
同时，也可以将总结结果与员工分享，以促进企业内部的沟通和交流。
总之，领导留言板的办理程序需要遵循一定的规范和流程，以确保留言能够得到及时、有效的处理和回复。
同时，也需要注重留言板的管理和维护，保持其良好的运行状态。
留言板的处理流程及其实现过程项目背景@本网站的《莘莘之音》节目中每一期节目下面的留言功能就是按照本文的思路实现的@在日常的网站制作的项目中，往往会带上留言板的功能。
主要的目的是让网站用户能够在本站进行留言，以此方式来进行社区化的交流。
另一方面还可以让版主或者站长看到用户的意见建议和反馈，提升服务质量。
网站前端界面这种界面在很多网站中都能够看到，最典型的就是微博类的社交网站。
通过Firefox的firebug插件分析后看到，新浪微博的这个输入框其实是HTML中的<textarea>标签。
这是我在页面里写的一段代码，看到在<form>表单包围下，有一个<input>标签和<textarea>标签。
其中<input>里输入的是title，即该留言的标题；<textarea>标签输入的是留言的正文内容。
可以直接通过<textarea>的属性来定义该标签的呈现方式，但还是建议通过CSS来定义。
这样可定义的内容更丰富，程序编写更灵活。
这里就是该标签的CSS样式。
Width和height：直接定义了这个输入框的宽和高Letter-spacing：定义输入框中文字之间的间隔，为了美观最好还是不要让文字挤在一起。
Ling-heigh：定义输入框中的行高，类似Word中的段落间距的设置，也是为了美观。
Font-size：定义文字的大小Padding：定义文字块距离输入框边界的距离，不要让文字离输入框边界太近，也是为了美观下面重点来讲一下上图中剩下的三个CSS属性。
resize我们在HTML文件中写入<textarea>标签，然后在浏览器中打开，会看到在输入框右下角有两个45度的短线，意思是可以通过鼠标拖动这个短线来调整输入框的大小。
这种特性很灵活，但是往往在已经计算好尺寸的网页里不适用。
因为用户任意改变输入框的尺寸，会影响页面中的其他元素的尺寸，从而影响整个页面的整体美观。
目录一、设计目的 (1)二、需求分析 (1)三、模块分析及设计 (2)四、数据库设计 (2)4.1 系统概念结构设计 (2)4.1.1 数据字典 (2)4.1.2 系统E-R图 (3)4.1.3 系统流程图 (4)4.2 逻辑结构设计 (5)五、制作过程及要点 (6)5.1 类库建立 (6)5.2 验证码 (6)5.3 留言内容界面 (7)5.4 留言页面 (7)5.5 登录界面 (9)5.6 注册页面 (12)5.7 修改密码界面 (13)5.8 管理员界面 (14)设计总结 (15)附录 (15)一、设计目的留言板管理系统主要是提供大众一个操作系统，便于网上交流，谈论。
功能块的响应操作分别由对应的子模块实现。
通过互联网把你想说的话及想问的事发表出去，方便大家交流。
同时，留言板的后台通过一个简化的自动的信息管理系统，使网友留言管理工作系统化，规范化，自动化，从而达到提高网络作用和管理的目的。
本设计研究的留言板是一种电子便签管理系统，是用ASP和SQL Sever编写的网络应用程序，留言操作相对简单，在进入网站后，可看到留言内容。
留言板提供完备的信息发布功能，在网络用户交流中有很大的作用。
而我们这个留言板仅仅是简单的留言和管理员对留言进行操作的工具，该留言板简单实用，而且具备了大多数留言板的基本功能。
科学技术在不断地提高，计算机网络技术也日渐成熟，器强大的功能已为人们深刻认识，它已进入人类社会的各个领域并发挥着越来越重要的作用，现在许多国外和国内的网站均实现了网上注册、网上查询、网上发表信息等一系列的网上信息服务。
通过计算机网络实现了足不出户就可以了解各种信息、咨询问题、搜索资料等，有了这样的一个网络平台，节省了大量的人力物力。
二、需求分析对于一个系统，我们要从其性能、功能、用户界面、安全性等反面考虑，系统必须完成的功能如下：1.留言板管理系统前端的主要功能是：(1)用户注册。
(2)用户登录。
(3)用户发表内容。
留言信箱处理流程示例
一、留言信箱的概念
留言信箱（Message Box）是一种网上交流的工具，它允许用户在网站上发布留言，接收反馈信息，以及查看其他用户发布的留言。
它可以让用户得到更多的反馈、更多的互动和更多的支持。
二、留言信箱的处理流程
1、收集留言信息
首先，要让用户在网站上发布留言信息，可以在网站首页或者其他页面放置一个留言框，用户可以在这里发布留言信息。
2、审核留言
收集到的留言需要经过审核，以确保留言信息的真实性和合法性。
可以根据留言信息的内容定义一套审核规则，以防止用户发布违法或不良信息。
3、发布留言
审核通过的留言信息可以在网站上发布，让其他用户可以看到，以提高网站的互动性。
4、查看留言
用户可以在网站上查看其他用户发布的留言，以及自己发布的留言。
5、对留言进行回复
用户可以对其他用户发布的留言进行回复，以交流观点和解决问题。
6、管理留言
网站管理员可以对留言进行管理，例如删除不合适的留言，修改留言内容等。
三、留言信箱处理流程的意义
留言信箱处理流程的实施可以有效地保护用户的隐私，防止用户发布违法或不良信息，促进网站的互动性和交流性，保证网站的稳定性和安全性，同时也可以为用户提供更好的服务。
php留言板的设计与实现
PHP留言板的设计与实现可以分为以下步骤：
1. 数据库设计：创建一个数据库表用于存储留言信息，包括留言id、留言内容、留言时间、留言者昵称等字段。
2. 留言页面设计：创建一个留言页面，包括一个表单用于输入留言内容和留言者昵称，以及一个显示留言内容的区域。
3. 留言信息处理：在留言页面提交表单后，将留言信息插入到数据库表中，并显示最新留言信息。
4. 留言展示处理：从数据库中读取所有留言信息，并按照时间顺序进行排序，然后显示到留言页面上。
5. 留言管理处理：为管理员提供一种方式来管理留言，包括删除不合适留言等操作。
6. 显示分页信息：当留言数量很多时，需要使用分页来展示留言内容，可以使用PHP来实现分页功能。
7. 安全性设计：考虑防止恶意行为，如利用注入等手段来破坏系统的安全性。
总之，PHP留言板的设计与实现需要考虑很多方面，需要仔细思考并逐步实现。
java留言板功能实现方法实现一个简单的Java留言板功能需要以下几个步骤：1. 设计数据库结构：首先，你需要设计一个数据库来存储留言的信息。
这通常包括一个表，该表至少包含以下字段：留言ID、留言者、留言内容、留言时间。
2. 建立数据库连接：使用Java的JDBC API来建立与数据库的连接。
3. 创建数据访问对象（DAO）：创建一个数据访问对象来处理与数据库的交互，包括查询、插入、更新和删除留言。
4. 创建前端界面：创建一个简单的HTML页面作为留言板的界面，用户可以在此输入留言并提交。
5. 处理用户提交的留言：当用户提交留言时，前端页面需要将数据发送到后端。
后端Java代码需要接收这些数据，并使用DAO来将数据保存到数据库中。
6. 显示留言列表：在前端页面上显示所有已提交的留言。
这通常需要从数据库中查询留言，并将结果显示在HTML页面上。
以下是一个简单的示例代码，展示了如何实现这些步骤：1. 设计数据库结构（使用MySQL为例）```sqlCREATE TABLE messages (id INT AUTO_INCREMENT PRIMARY KEY,username VARCHAR(50) NOT NULL,content TEXT NOT NULL,timestamp TIMESTAMP DEFAULT CURRENT_TIMESTAMP );```2. 建立数据库连接```javaimport ;import ;import ;public class DatabaseConnection {private static final String URL = "jdbc:private static final String USER = "root";private static final String PASSWORD = "password";private static Connection connection;public static Connection getConnection() {if (connection == null) {try {connection = (URL, USER, PASSWORD);} catch (SQLException e) {throw new RuntimeException("Error connecting to the database", e);}}return connection;}}```3. 创建数据访问对象（DAO）```javaimport ;import ;import ;import ;import ;import ;import ;import ;import ;public class MessageDao {public void addMessage(String username, String content) {String query = "INSERT INTO messages (username, content) VALUES (?, ?)";try (Connection connection = (); PreparedStatement statement = (query)) {(1, username);(2, content);();} catch (SQLException e) {throw new RuntimeException("Error adding message", e); }}public List<Message> getMessages() {List<Message> messages = new ArrayList<>();String query = "SELECT FROM messages";try (Connection connection = (); PreparedStatement statement = (query); ResultSet resultSet = ()) {while (()) {String username = ("username");String content = ("content");Date timestamp = ("timestamp"); // Java 8+: use LocalDateTime instead of Date for better date handling inJPA/Hibernate entities and JPA/Hibernate queries and criteria API usage as well as SQL queries and JPA native queries, respectively. Use a JPA provider specific user type to store and retrieve the LocalDateTime in the database as a JPA entity field or in a JPA query result set column or in a JPA native query result set column, respectively.. For example, in Hibernate you can define a custom user type or use the existing one that maps the JPA entity field to the database column type that represents a date/time value without time zone information such as DATE or TIMESTAMP and then use a Type annotation to specify the custom user type or the existing one thatmaps the JPA entity field to the database column type that represents a date/time value with time zone information such as TIMESTAMP WITH TIME ZONE or TIMESTAMP WITH TIME ZONE and then use a Type annotation to specify the custom user type or the existing one..。
本科毕业论文论文题目:留言板的设计与实现指导老师：林伟伟学生姓名：学号：W440909121３00０01院系：网络教育学院专业：计算机科学与技术毕业时间：2011年6月原创承诺书我承诺所呈交的毕业论文是本人在老师指导下进行的研究工作及取得的研究成果。
据我查证,除了文中特别加以标注和致谢的地方外,论文中不包含其他人已经发表或撰写过的研究成果.若本论文及资料与以上承诺内容不符，本人愿意承担一切责任。
毕业论文作者签名:_＿_ ____＿日期:20１1年 2 月10 日摘要随着Intｅrneｔ的发展,网站的作用越来越重要，被称之为继广播、报纸、杂志、电视后的第五种媒体—-数字媒体，拥有众多优势，所以现在不少企业都有或正在建设自己的网站.而留言板作为网站重要的一个部分,从来就是一个大家交流的平台!留言板是一种最为简单的BBS应用，借助留言板,浏览者可以张贴留言的方式给站长、版主或其他浏览者进行留言和提问。
人类进入21世纪的今天，科学技术的突飞猛进，信息技术和网络技术的的迅速发展和广泛应用，人们的工作、生活、学习和交流方式也发生羞巨大改变,信息的获取、处理、交流和应用能力已经成为最重要的能力之一，本留言板是基于ASP和Acceｓs的，利用ＡDO 数据库访问技术实现对数据库的各种管理操作,实现留言板的留言及管理功能。
从而使得后台操作更加方便、快捷、的现实用户的注册、留言的回复和删除等。
本系统从构思、规划、设计到相关技术,结合常用的HTML、AＳP 技术，详细设计时不断地修正和完善，经过测试阶段地反复调试和验证，最终形成达到用户设计要求的可行系统。
关键词：留言板 ASP 数据库 Accesｓ ADOＡbsｔracｔAｌｏng with the Interｎｅｔｄeveloｐment, the ｆｕnctiｏn of tｈe website iｓｍoｒe and more ｉmportant, ｗａs calleｄ it ａs after ｂｒoａdｃaｓｔ，ｎewspaper， magａzｉne， teｌevｉsｉｏn bｅhind of ｔhｅｆiftｈmedia－ nuｍｅricaｌ meｄia， owｎ numerouｓ advanta ｇｅs， so not ａfeｗ busineｓs ｅnｔerprｉｓes of present ａｌl havｅor jusｔcｏｎｓtuct ｏwn weｂｓite．But thｅmesｓａge ｂoaｒd be ａ fraｃtion oｆthe wｅbsｉtｅｉm ｐortａｎce, hａvｅ alｗaｙs ｂeen is a platfｏｒｍoｆeveryｏne ａlｔernatｉｎg cｕrrent，ＡC!The mｅsｓage ｂoaｒｄ is tｈe mｏst simpｌｅ BＢS tｈｅ one who applｙ，ask for hｅlp the mesｓage ｂoard，ｂrｏwse caｎ pastｅ up the mｅssａge of modｅ give stａtioｎ－masｔer， wｅbmaｓter oｒｏther browsinｇses carｒies on the ｍｅsｓage suｍ’ｓ lｉft to ａsk。
开发留言板的实施步骤1. 确定需求和功能在开发留言板之前，首先需要明确该留言板的具体需求和功能。
留言板通常包括用户注册、登录、发表留言、浏览留言、回复留言等基本功能。
确保对留言板功能的完整理解，以免在后续的开发过程中出现功能缺失或不完善的问题。
2. 设计数据库结构留言板的数据存储一般采用数据库来实现，因此，在开始编写代码之前，需要先设计好数据库的结构。
根据留言板的需求，创建相应的表格，如用户表、留言表、回复表等，确定表格之间的关系。
3. 搭建开发环境在开始编写代码之前，需要搭建好开发环境。
选择合适的开发工具、编程语言和框架，并确保开发环境的正常运行。
4. 编写用户注册和登录功能留言板通常需要注册和登录功能，以区分用户身份和权限。
首先，搭建用户注册页面，包括用户名、密码等必要信息的输入。
在用户注册之后，将用户信息保存到数据库中。
接下来，编写用户登录功能，用户可以使用注册时创建的账号和密码进行登录验证。
5. 编写留言功能在留言板中，用户可以发表留言并进行浏览。
首先，编写留言发表页面，包括标题和内容的输入框。
当用户完成留言的输入后，将留言信息保存到数据库中。
同时，编写浏览留言功能，用户可以查看其他用户发表的留言内容。
6. 编写回复功能在留言板中，用户可以对其他用户的留言进行回复。
首先，搭建回复页面，包括回复框和发送按钮。
用户在输入回复内容后，将回复信息保存到数据库中。
同时，将回复内容显示在对应的留言下方，与其它留言区分显示。
7. 进行功能测试完成留言板的基本功能后，进行功能测试，以验证程序的稳定性和可靠性。
测试过程中，建议模拟不同用户的操作，如注册、登录、发表留言、浏览留言和回复留言等，确保各功能模块之间的协调运行。
8. 进行性能测试除了功能测试之外，还需要进行性能测试，以确保留言板能够在多个用户同时访问的情况下保持稳定。
测试环境可以模拟多个用户同时访问留言板，并观察服务器的响应时间、资源占用情况等。
在领导留言板上留言后的处理流程下载温馨提示:该文档是我店铺精心编制而成，希望大家下载以后，能够帮助大家解决实际的问题。
文档下载后可定制随意修改，请根据实际需要进行相应的调整和使用，谢谢!并且，本店铺为大家提供各种各样类型的实用资料，如教育随笔、日记赏析、句子摘抄、古诗大全、经典美文、话题作文、工作总结、词语解析、文案摘录、其他资料等等，如想了解不同资料格式和写法，敬请关注!Download tips: This document is carefully compiled by theeditor. I hope that after you download them,they can help yousolve practical problems. The document can be customized andmodified after downloading,please adjust and use it according toactual needs, thank you!In addition, our shop provides you with various types ofpractical materials,such as educational essays, diaryappreciation,sentence excerpts,ancient poems,classic articles,topic composition,work summary,word parsing,copy excerpts,other materials and so on,want to know different data formats andwriting methods,please pay attention!领导留言板留言处理流程：1. 留言提交，员工在领导留言板上提交留言。
任务九、留言板制作留言板提供了一个供浏览者交流和沟通的平台。
借助留言板，浏览者可以将他的资料、要求、留言内容等保持在一个页面上，供他人观看。
留言板系统页面由留言列表页面、留言详细页面、留言发表页面、留言回复页面和留言管理页面组成。
浏览者无需登录就可以打开留言列表页面，查看留言标题内容和详细内容。
注册用户登录后可以发表和回复留言。
留言管理页面只有站长可以登录，登录后可以对留言进行删除操作。
效果图展示二、相关知识点 １、分析设计（１）系统功能结构（２）数据库设计创建一个以“content”命名的数据表。
创建方法参见“第二部分 数据库”。
效果图如下：２、显示留言页面设计制作效果展示制作向导（１）创建显示留言表格页面①在站点文件夹下，建立一个名为“board.asp”页面。
并插入一个２行３列的表格，设置为“居中”。
合并单元格第一行第一列，插入图片“image/11 (1).gif”，用于显示留言。
②在第一行中输入相应的文字，在“属性”面板中选择“ｃｓｓ”,将单元的的大小设置为“１２像素”。
（２）创建查询记录集①选择“窗口”－“绑定”命令，打开“绑定”面板，在面板中单击“＋”按钮，在弹出的菜单中选择“记录集（查询）”命令，这时，会弹出“记录集”对话框。
②在记录集窗口，按照下图的参数进行设置③单击“确定”按钮，创建了记录集（３）绑定记录集①将光标置于第二行第一列中，在“绑定”面板中展开创建的记录集recordset_show，选中“recordset_show.Uname”字段，选择右下角的“插入”按钮，绑定字段。
②按照上述方法，将time和content字段进行绑定。
如下图（４）设置重复区域选择“recordset_show”记录集，设置“显示”记录参数为“１０”。
３、发表留言页面设计与制作效果展示制作向导（１）创建页面①在站点下面创建一个名为“liuyan.asp”的页面，并在页面中建立一个４行２列的表格，用于显示记录，设置表格中单元格背景颜色，并输入相应的文字和添加文本域。
留言板的处理流程及其实现过程项目背景@本网站的《莘莘之音》节目中每一期节目下面的留言功能就是按照本文的思路实现的@在日常的网站制作的项目中，往往会带上留言板的功能。
主要的目的是让网站用户能够在本站进行留言，以此方式来进行社区化的交流。
另一方面还可以让版主或者站长看到用户的意见建议和反馈，提升服务质量。
网站前端界面这种界面在很多网站中都能够看到，最典型的就是微博类的社交网站。
通过Firefox的firebug插件分析后看到，新浪微博的这个输入框其实是HTML中的<textarea>标签。
这是我在页面里写的一段代码，看到在<form>表单包围下，有一个<input>标签和<textarea>标签。
其中<input>里输入的是title，即该留言的标题；<textarea>标签输入的是留言的正文内容。
可以直接通过<textarea>的属性来定义该标签的呈现方式，但还是建议通过CSS来定义。
这样可定义的内容更丰富，程序编写更灵活。
这里就是该标签的CSS样式。
Width和height：直接定义了这个输入框的宽和高Letter-spacing：定义输入框中文字之间的间隔，为了美观最好还是不要让文字挤在一起。
Ling-heigh：定义输入框中的行高，类似Word中的段落间距的设置，也是为了美观。
Font-size：定义文字的大小Padding：定义文字块距离输入框边界的距离，不要让文字离输入框边界太近，也是为了美观下面重点来讲一下上图中剩下的三个CSS属性。
resize我们在HTML文件中写入<textarea>标签，然后在浏览器中打开，会看到在输入框右下角有两个45度的短线，意思是可以通过鼠标拖动这个短线来调整输入框的大小。
这种特性很灵活，但是往往在已经计算好尺寸的网页里不适用。
因为用户任意改变输入框的尺寸，会影响页面中的其他元素的尺寸，从而影响整个页面的整体美观。
所以我们通过CSS让用户无法修改这个<textarea>标签的尺寸。
在CSS中写入resize:none即重新改变尺寸为“否”。
这样处理后，在输入框右下角就不会出现这两个短线了。
overflow-x / overflow-y文字如果在x轴方向溢出，将如何处理？我们在<textarea>标签中输入的内容如果过长，则<textarea>会进行相应的处理。
我的这个实例中设置了overflow-x 的值为hidden。
表示如果文字溢出，在X轴方向上隐藏不显示。
而overflow-y的值为auto，表示如果文字太多，则会在输入框中自动加入滚动条。
类似于这样的效果。
后端业务逻辑我们在上面的代码截图能够看到，我把<textarea>标签写在了<form>表单中了，这是因为在进行数据提交的时候，只有通过表单的方式，才能取到<textarea>中的内容。
在表单外面写了两个<div>，作为操作的按钮。
一个是提交内容，一个是重写。
这里捎带的讲解一下CSS3的新属性，可以方便的修饰div标签的外轮廓形状，让矩形的div的轮廓变成圆角矩形。
看到在这两个标签的CSS属性中，有一条是border-radius：50px；表示的是轮廓的半径，这样做的结果就是div变成了圆角矩形，这个值越大，矩形边缘的弧度就更大。
下面讲解通过jQuery的ajax方法，取得标签中的内容，然后提交给服务器端的一个PHP文件进行业务逻辑的处理。
下图是发布按钮的单击事件的代码截图：从代码第27行开始，通过$(".post")取得提交按钮的控制权，当这个标签发生了点击事件，则会触发下面的动作。
$(".post").click(function(e)▉ 28行——如果当用户名的这一栏为空值，则提示先登录，才能发布消息。
对应这段代码<input type="text" hidden="true" value="<?php echo $_COOKIE["username"]; ?>" name="username">这段代码是通过PHP的超全局变量$_COOKIE来进行的。
当用户登录成功后，PHP程序会控制浏览器将用户的cookie 信息（username和password）写入到浏览器的cookie文件中，当用户下次登录的时候，通过PHP程序检测浏览器的cookie内容，如果有对应的内容，则将网页的状态设置为该用户已登录，如果没有cookie信息，则这个input标签的value的值为空，表示用户未登录。
▉ 30行——如果标题栏中的内容和正文输入框的为空或者输入的是连续的空格，则提示标题或正文不能为空。
这里使用了jQuery的正则表达式来验证字符串的内容。
/^\s*$/ 表示以空格（space）开始（^），并有一个或多个空格（*），而且以空格结束（$）。
【关于jQuery或javascript的正则表达式的讲解，请参考本网站编程栏目的相关文章】▉ 32行——如果num<0，则提示已经超出了输入字数的上限。
这里我们先来看看新浪微博里的小功能，但是很提升用户体验。
▉ 34行——如果上面的条件都满足，表示用户的情况满足发布的要求，则在点击发布按钮的时候，进行ajax异步操作。
这里没有直接使用jQuery的ajax（）方法，而是使用了它的简化版$.get（）方法。
因为在表单标签中，我们定义了表单信息是以get的方式提交的，<form method="get">，这种方式的特点是当用户提交时，会在浏览器地址栏中显示提交的信息，比如/post.php?username=frank&password=123456&content=XXXXXXXX，这种方式比较快，但是不安全，因为全都走光了！！！微博中默认只能输入140个字符，在输入字符的同时，系统会实时的检测用户输入的字数，如果超出了140这个显示，则提示，并无法发布。
这种设计其实是新浪微博抄袭美国的twitter的设计。
这样做的用意是让用户用很少的字来说明事情，写完自己想说的事，这样让浏览者也能快速的舒服的看完你所发布的信息。
因为现在的互联网阅读是碎片化的阅读，在快速的生活节奏下，已经很少有能像读小说那样去欣赏，去体会大段文字的魅力了。
另外的用意是，这样也逼迫着用户多发消息，多发帖子，有什么大事小情都发消息，从而让这个网站的内容更丰富，流量更大。
言归正传，那么如何能够实时的检测<textarea>中的字数呢？jQuery能够办到。
首先在页面里用一个<span>标签来显示还能输入的字数。
然后在js文档中用jQuery提供的键盘事件函数来计算字数的情况▉第4行，首先定义一个全局变量maxWord，表示能够输入的文字上限，赋值为140。
▉第5行，定义一个全局变量num，用来存放还能输入的字符数。
▉第6行，给class为num的<span>标签中放入maxWord的值，表示当页面刚加载好的时候，在输入框下面就显示“您可以输入140个字符”▉第7行，$(".content").keydown(function(e)，输入框的键盘按下事件出发keydown方法，执行相应的操作。
▉第8行，让maxWord的值减去当前输入框的字符的长度，就得到了还能够输入多少字符。
▉第9~13行，进行判断，如果num为负数，表示输入的字符已经超过了140这个上限，则还能输入多少字符的那个提示的数字变为红色，表示警示，否则还是黑色。
那么不光是键盘按下，用户在用拼音输入法或者英文输入法打字完毕后，键盘会按起的，那么再调用keyup(function(e)方法，来进行同样的逻辑判断。
这样就保证了在用户输入字符的时候，系统实时的检测输入的字符数。
（这个实时计算输入字符数的代码必须写在发布按钮点击那个代码块的上面）调用jQuery的get方法，第一个参数”post.php”，表示将参数信息传给这个PHP服务器文件进行处理；第二个参数表示要传的数据，username、title和content；第三个参数表示回调函数，这个函数的参数就是接收PHP文件传回来的结果。
如果传回的结果为success，在页面弹出对话框显示发布成功，跳转到show.php这个页面；如果传回fail，提示失败，还是跳转到show.php这个页面。
这样就处理完了前端的所有事情。
那么接下来看一看通过jQuery的ajax 技术，把数据传到服务器的post.php文件后做了哪些事情。
打开post.php文conn.phppost.php首先看看conn.php文件，这个文件是用来连接MySQL数据库的。
第2行，通过PHP的系统函数mysql_connect( )与数据库建立连接，这个函数的参数分别是所连接的数据库名，用户名和密码。
本项目中数据库名是localhost，root 用户，密码为空。
把这个连接传给一个变量$conn作为句柄，$conn=mysql_connect("localhost","root","");。
然后调用PHP系统函数mysql_select_db（）来打开数据库，里面的参数第一个是要连接的数据库实例，第二个参数是数据库连接的句柄。
mysql_select_db("message",$conn);接下来看post.php文件。
首先include（”conn.php”），把数据库连接文件包含在这个业务逻辑的文件里，其实就类似于Java中的导入包中的某个类。
第3~5行，把从页面中通过get方法拿来的数据赋给PHP变量。
第6行，创建一个$response变量，用于向页面返回信息。
第7行，利用PHP内部函数str_replace ( )把content中的空格和换行符替换为HTML中的空格和换行，以保证将来在页面中显示的时候能够正常空格和换行。
第8行，运行一段insert 的SQL语言，向数据库中的表插入一条记录，表示用户输入的信息。
第10~14行，调用PHP的系统函数mysql_query( )，第一个参数是SQL语句，第二个参数是数据库连接句柄。
如果插入成功，则返回“success”，否则返回“fail”。
第16行，返回业务逻辑处理的结果。
