Giter Club home page Giter Club logo

yyladmin's Introduction

yylAdmin

Gitee:https://gitee.com/skyselang/yylAdmin
Github:https://github.com/skyselang/yylAdmin

简介

yylAdmin是一个极简后台管理系统,只有登录退出、权限管理、日志管理等基本功能,方便扩展;前后端分离,后端采用ThinkPHP6,前端采用Vue2;项目由后端yylAdmin和前端yylAdminWeb组成。

演示

地址:yylAdmin demo
账号:yyladmin、admin
密码:123456
提示:演示账号只有部分权限,请下载源码安装体验全部功能

准备

要求

  • PHP >= 7.1
  • MySQL >= 5.6
  • Redis

安装

PHP部分

# 克隆项目
git clone https://github.com/skyselang/yylAdmin.git

# 进入项目目录
cd yylAdmin

# 安装依赖
composer install

# 可以通过composer镜像解决速度慢的问题
composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/

# 导入数据库
数据库文件:public/private/yyladmin.sql

# 配置
重命名.env.example为.env,修改里面配置
或者直接修改config文件夹里面的相应配置

WEB部分

# 克隆项目
git clone https://github.com/skyselang/yylAdminWeb.git

# 进入项目目录
cd yylAdminWeb

# 安装依赖
npm install

# 可以通过npm镜像解决速度慢的问题
npm install --registry=https://registry.npm.taobao.org
# 或者使用cnpm,安装后使用cnpm替代npm,如 cnpm install
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 配置
在.env*环境变量文件里面修改接口地址

# 启动服务
npm run dev

访问

地址:http://localhost:9527
账号:yyladmin
密码:123456
管理员:skyselang
密码:123456

开发

以日志管理为例

PHP部分

  • 编写接口代码:app/admin/controller/AdminLog.php

- 添加菜单信息

- 分配相应权限

WEB部分

  • 新建接口文件:src/api/admin.js

- 新建页面文件:src/views/admin/log.vue

- 添加路由信息:src/router/index.js

刷新权限

  • 退出重新登录

发布

# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod

其它

# 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix

预览

FQA

npm

  • 推荐使用cnpm:cnpm
  • 删除node_modules文件夹后使用cnpm重新安装依赖

ui

browser

  • 支持Chrome、Firefox、QQ、360、Edge等主流浏览器,不支持IE以及浏览器的兼容模式(IE内核)

debug

  • 调试模式下根据接口返回错误信息排查,或者提Issue

协议

yyladmin's People

Contributors

skyselang avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.