vue+php前后端分離后台網站例子

前后端分離后台小網站

• 前端使用vue+vue-router+element-ui+npm+webpack
• 后台接口使用php

演示地址

http://www.signxx.com

安裝

git clone https://github.com/HJaycee/SimpleAdmin.git
cd SimpleAdmin
npm install

啟動

npm run dev

部署到服務器

cd SimpleAdmin
npm run build
// 編譯完成后，將dist目錄下的文件上傳到服務器目錄下

// 因為使用vue-router的hitory模式，服務器需要做相關配置自動重定向到index.html // apache下創建隱藏文件.htaccess，填以下內容 <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L] </IfModule> 

前端部分

已實現功能

• 登錄/注冊
• 留言
• 留言列表
• 身份過期處理

相關配置

/config/index.js // 反向代理 /src/router/index.js // 路由 /url/api.js // 請求接口 

后台部分

• 環境要求php5
• 使用ThinkPHP3.2.3
• 提供前端需要的相關接口：登錄接口返回token，其它接口效驗token是否過期

數據庫

user // 用戶表 feedback // 留言表 

前端+后端源碼

https://github.com/HJaycee/SimpleAdmin

鏈接：https://www.jianshu.com/p/4a3fae629a9a