这是小弟发的第一篇文章,文笔略差望大家见谅,
若有错误或需补充的地方在评论下方回复即可
前端与服务器端之间的通讯
目前大多数前端与服务器端之间的接口都是基于http或者https协议进行实现,而两者之间大多数都是通过json或者xml格式进行encode和decode(当然,socket又是另外一回事)。这里先讲如何使用json格式来进行通信。
基本上解析json的情况包含4种:
- 解析Person单个对象类型的json数据
{"Person":{"name":"zhangsan","age":"23"}}
- 解析list集合里的一堆对象list<Person>:
{"Person":[{"name":"zhangsan","age":"23"},{"name":"lisi","age":"24"}]}
- 解析list集合里的多个字符串list<String>
{"City":["Beijing","Shanghai","Guangzhou"]}
- 解析list和Map的嵌套使用,Map<list<Map<String,Object>>>
{"Company":{"Market":[{"name":"zhangsan"},{"name","lisi"}],"IT":[{"name":"xiaohong"},{"name":"xiaoming"}]}}
在这里想推荐两个工具:
- json.cn:json字符串进行解析
- postman:chrome上的一个插件,可以很方便地测试接口
接下来,前端把服务器端发送过来的json字符串转换成对应的字典对象即可进行使用。
CI框架简单介绍
CI框架是基于PHP的一个入门级框架,上手简单,基于MVC架构,且扩展性比较强,CI有中文的官方网站和文档,对于PHP新手想学习框架的话是个不错的选择。
在这里服务器的环境搭建之类的就不说了,百度有一大堆教程,XAMPP、LAMP或者WAMP可根据操作系统进行选择。
废话少说,能直接上代码不?
好,我们来实现个最简单的注册功能
- 先连接数据库,仅需简单配置一下即可
打开您的CI工程
->application
->config
->database.php
配置如下:
<code>
$db[‘default’][‘hostname’] = ‘您的数据库地址’;//本地数据库则为localhost
$db[‘default’][‘port’] = 3306;//数据库的端口,一般为3306
$db[‘default’][‘username’] = ‘root’;//用户名
$db[‘default’][‘password’] = ‘root’;//密码
$db[‘default’][‘database’] = ‘test’;//数据库名称
$db[‘default’][‘dbdriver’] = ‘mysqli’;
$db[‘default’][‘dbprefix’] = ”;
$db[‘default’][‘pconnect’] = TRUE;
$db[‘default’][‘db_debug’] = TRUE;
$db[‘default’][‘cache_on’] = FALSE;
$db[‘default’][‘cachedir’] = ”;
$db[‘default’][‘char_set’] = ‘utf8’;
$db[‘default’][‘dbcollat’] = ‘utf8_general_ci’;//排序规则
$db[‘default’][‘swap_pre’] = ”;
$db[‘default’][‘autoinit’] = TRUE;
$db[‘default’][‘stricton’] = FALSE;
</code> - 创建一个控制器
打开localhost/phpadmin
->创建数据库名为test
->创建一个user表
->分别创建id(primary主键,auto_increment自动增加,unsigned int)、username(varchar50,unique唯一)、password(varchar50)
->打开您的CI工程
->application
->controllers
->创建一个文件Test.php
这里就不叙述如何使用phpadmin来设置信息,百度就有
Test.php代码如下:
<code>
<?php
class Test extends CI_Controller {
public function register() {
//isset表示这个变量是否存在
if (isset($_POST[‘username’])&&isset($_POST[‘password’])) {
$this->load->database();//加载数据库类
$username = $_POST[‘usernam’];//获取传上来的username
$password = $_POST[‘password’];//获取传上来的password
$sql = “SELECT username FROM user where username = ?”;
$user = $this->db->query($sql,array($username));//执行sql语句
$user = $user->result_array();//转换成数组
if (count($user) == 0) { //数量为0,即表示用户不存在
$sql1 = “INSERT INTO user(username,password) VALUES(?,?)”;
$this->db->query($sql1,array($username,$password));//插入
$id = $this->db->insert_id();//获取插入的行号,即id
$user = $this->db->query($sql,array($username));
$user = $user->result_array();//再查询一次数据库
if (count($user) != 0) {//如果有数据,即表明插入成功
$viewArray = array(“jsonArray” => $user[0]);//获取数组第一个对象,即插入成功的用户信息
ob_start();//开启缓存
$this->load->view(‘json’,$viewArray);//输出信息到json.php视图
ob_end_flush();//关闭缓存
exit();//退出
}
}else{
$viewArray = array(“errorMsg” => “user exist”);//打印错误信息
$this->load->view(“jsonerror”, $viewArray);
return;
}
}
}
}
?>
</code> - 因为是MVC架构,输出则由View来负责,创建一个View视图
打开您的CI工程
->application
->views
->创建一个文件json.php
json.php代码如下:
<code>
<?php
header(‘Content-type: application/json’);//通信头设置
$outputarray = array(‘status’ => ‘OK’, ‘data’ => $jsonArray);
echo json_encode($outputarray);//数组转json,然后echo输出
</code>
但为了打印输出错误信息,同时需要另一个View视图
打开您的CI工程
->application
->views
->创建一个文件jsonerror.php
jsonerror.php代码如下:
<code>
<?php
header(‘Content-type: application/json’);
$outputarray = array(‘status’ => ‘error’, ‘msg’ => $errorMsg);
echo json_encode($outputarray);
</code>
输出结果
若正确输出,则结果为:
<code>
{“status”:”OK”,
“data”:{
“id”:1,
“username”:”zhangsan”,
“password”:”123″
}}
</code>
若用户已存在,则结果为
<code>
{“status”:”error”,
“msg”:”user exist”}
</code>