V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
hjaycee
V2EX  ›  Vue.js

前后端分离后台管理系统源码分享

  •  
  •   hjaycee · 2017-11-09 16:06:33 +08:00 · 4512 次点击
    这是一个创建于 2332 天前的主题,其中的信息可能已经有所发展或是发生改变。

    介绍

    前后端分离后台小网站

    • 前端使用 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 // 留言表
    
    2 条回复    2017-11-30 18:51:06 +08:00
    alber1986
        1
    alber1986  
       2017-11-29 10:29:36 +08:00   ❤️ 1
    这个还不错
    hjaycee
        2
    hjaycee  
    OP
       2017-11-30 18:51:06 +08:00
    @alber1986 谢谢哈
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2871 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 13:11 · PVG 21:11 · LAX 06:11 · JFK 09:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.