社区项目（1）：准备工作、前端页面

科技2022-08-18 104

视频教程来源：PHP中文网

准备工作

1、安装ThinkPHP 安装教程 2、下载bootstrap和jQuery，将bootstrap放到public目录下的static文件下。jQuery文件放到j文件下

3、基本架构

common 存放公共文件 - controller 存放公共控制器 - model 公共模型 - validate 验证器 index 存放项目文件 - controller 项目控制器 - view 视图（项目的模板文件） - public 存放公共视图文件 - index 存放控制器index所需要的视图文件 - ..... 其它控制器对应的文件

4、公共控制器使用公共控制器之后，其它控制器就不需要继承Cotroller

<?php /** * 基础控制器 * 必须继承think\Controller.php */ namespace app\common\controller; use think\Controller; class Base extends Controller { /** * 初始化方法，在所有方法之前被调用 * 创建常量，公共方法 */ protected function initialize() { } }

5、修改 Index.php，让其继承Base

6、全局配置数据库连接

7、公共模型

用户表模型 User.php <?php /** * zh_user表的用户模型 */ namespace app\common\model; use think\Model; class User extends Model { //指定主键和关联的表 //变量名是固定的 protected $pk = 'id'; protected $table = 'zh_user'; }

8、验证器

用户表验证器 User.php <?php /** * zh_user表的验证器 */ namespace app\common\validate; use think\Validate; class User extends Validate { //验证规则 protected $rule = [ 'name' => [ 'require' => 'require', 'alphaNum' => 'alphaNum', //仅允许字母和数字 'length' => '5,12' ], 'email' => [ 'require' => 'require', 'email' => 'email', 'unique' => 'zh_user' //该字段在zh_user表中必须是唯一的 ], 'password' => [ 'require' => 'require', 'alphaNum' => 'alphaNum', 'length' => '6,12', 'confirm' => 'confirm' //用于二次验证 ] ]; //提示信息 protected $message = [ 'name' => [ 'require' => '用户名必须', 'alphaNum' => '仅允许汉字、字母和数字', //仅允许汉字、字母和数字 'length' => '长度仅允许在5~12位' ], 'email' => [ 'require' => '邮箱必须', 'email' => '邮箱格式不正确', 'unique' => '该邮箱已存在' //该字段在zh_user表中必须是唯一的 ], 'password' => [ 'require' => '密码必须', 'alphaNum' => '仅允许字母和数字', 'length' => '长度仅允许在6~12位', 'confirm' => '两次密码输入不相同' //用于二次验证 ] ]; }

9、在index\controller下建立一个测试类 Test.php 用于测试

前端页面

1、在index目录下创建view目录，用来存放视图模板。每一个控制器在view下对应一个文件，控制器中的每个方法对应一个视图控制器Index.php 对应index目录，index()方法对应index.html

2、在index目录下的view目录下创建public目录（目录位置不对会加载不出来），来存放模块（将页面分成各个模块）如果出错时，打开debug，查看错误提示，看一下路径是否出错

3、页面使用bootstrap进行搭建，这里有个问题，加载本地css和js文件失败，这里使用cdn加载

注：如果没有jQuery，页面效果不会显示，而且必须先加载jQuery再加载bootstrap.js

Processed: 0.009, SQL: 9