Thinkphp+Vue前后端分离学习笔记（2）

登录功能设计：

Vue页面：

my-app                //以下只列出了需要用到的文件，其余自动生成的文件不要去动
 ├─vue.config.js      //配置开发服务器相关，axios代理等  
 ├─public
 │  ├─favicon.ico     //网站logo，根据需要替换
 │  └─index.html      //主页入口文件，自动生成的暂时不需要修改什么
 └─src
    ├─App.vue         //项目框架
    ├─main.js         //主要js文件
    ├─plugins
    │  └─element.js   //element-ui js文件，暂时不需要修改
    ├─router
    │  └─index.js     //Router路由js文件
    ├─store
    │  └─index.js     //Vuex存储相关js文件
    └─views           //视图文件夹
       ├─About.vue    //关于页面（不需要登录就可以访问）
       ├─Err.vue      //错误页面，所有找不到的页面定位到这里
       ├─Home.vue     //主页面（需要登录才能访问）
       ├─Login.vue    //登入页面
       ├─Logout.vue   //登出页面
       └─Register.vue //注册页面

Thinkphp API：简单起见，所有功能都写在index控制器下，实际可按需要新建控制器

tp                        //以下只列出跟本次功能相关的文件夹及文件
 ├─.env                   //环境配置文件，调试开关，数据库
 ├─app                    //应用目录
 │   ├─common.php         //公共函数
 │   ├─controller         //控制器文件夹
 │   │    └─Index.php     //主要API接口函数
 │   ├─middleware         //中间件文件夹
 │   │    └─Auth.php      //用户认证中间件
 │   └─model              //模型文件夹，用来访问数据库相应表
 │          ├─Captcha.php //验证码数据模型
 │          └─User.php    //user数据模型
 └─public                 //网站主目录设置到这个文件夹，此文件夹以外的文件不要被外界访问
       └─api              //Thinkphp作为API运行
             ├─.htaccess  //Pathinfo 重定向文件
             ├─index.php  //API入口文件
             └─router.php //路由，暂时没用到

MySQL：

数据库tpdb，里面包含两张表和一个事件 ，使用phpmyadmin管理（xampp自带，可通过http://localhost/phpmyadmin访问，Linux需要自行安装，并创建一个phpmyadmin文件夹的软连接到我们thinkphp的public目录下）