留言板的学习记录

留言板的学习记录

php mysql requirejs 实现一个简单的留言系统

要求：
1、可以留言 √
2、结果分页显示
3、做些css3的动画效果 √
4、php写接口，前端用js的ajax去调用 √
5、数据存入数据库 √

执行：

1. 留言板页面编写 √
2. 数据库字段设计 √
3. PHP逻辑编写 √
   1. 制作PHP数据库的DAO，数据库连接，增加，查询操作接口 √
   2. 制作Js获取到DB连接，判断是否有数据库message_board，没有则建立，并且创建message表填入第一条留言，有则直接填入留言 √
   3. 监听按钮后用Js的Ajax调用数据库的增加查询 √
   4. 显示结果超过4条分页
   5. 制作CSS动画 √

用到的技术

• PHPEclipse
• PHP入门语法基础 √
• Linux系统搭建LAMP √
• Windows系统搭建WAMP √
• 跨平台系统搭建XAMPP √
• requirejs
• Ajax
• MySQL √
• 数据库的操作
• 留言板页面
• 分页技术
• CSS3动画
• ​

关于RequireJs

RequireJs是遵循的AMD(Asynchronous Module Definition) 异步模块定义的规范。

相关联的有Seajs的CMD(Common Module Definition)同步模块定义。

RequireJs常用的方法：

1
2
3
4
5
6
7

1. requirejs.config({paths:{"Module":["URL://js","scr://js"]or"scr://js"}}); //为模块(JS)配置别名，可以配置联网路径也可以同时配置本地路径
	1.requirejs.config({baseUrl:'path/js'}); //指定js基目录
2. requirejs(["Module"],function(module){$js}); //写好的模块引入，根据引入的模块编写主代码
3. define(["Module"],function(module){$js}); //利用define编写模块，然后引入requirejs（需要建立模块.js）
4. define(["Module"],function(module){return {}});
6. define(function(){function module(){}});
5. define([],function(){return{module: function(){}}});

require()接受2个参数，第一个是模块数组，第二个是回调函数，模块加载完成后调用该函数

引入RequireJs文件的时候加上主入口参数来配置,建立main.js文件进行方法编写。

1
2

<script src="\js\require.js" data-main="js\main"></script>//普通加载
<script src="\js\require.js" data-main="js\main" defer async="true"></script>//异步加载

主要是学习如何利用define把每一个功能定义成模块

关于AJAX

Asynchronous JavaScript And Xml 异步的JavaScript和Xml

让XHR兼容IE6以前的浏览器

1
2
3
4
5
6

var request;
if(window.XMLHttpRequest){
  request = new XMLHttpRequest();//IE7\Firefox\Chrome\Opera\Safari...
}else{
  request = new ActiveXObject("microsoft.XMLHTTP");//IE5\IE6
}

XHR：XMLHttpRequest

1
2
3
4
5
6
7

- open(method,url,async);//e.g open(Get/Post,Url);async默认true异步
- setRequestHeader("Content-type","application/x-www-form-urlencoded");  
- send(string);//发送信息
- onreadystatechange = function(){
  if(request.readyState===4 && request.status===200)//响应正确，获取信息
  	request.responseText;
}