资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

yylAdmin系统的安装和使用方法

这篇文章主要介绍“yylAdmin系统的安装和使用方法”,在日常操作中,相信很多人在yylAdmin系统的安装和使用方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”yylAdmin系统的安装和使用方法”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

创新互联建站拥有10多年成都网站建设工作经验,为各大企业提供成都做网站、成都网站建设服务,对于网页设计、PC网站建设(电脑版网站建设)、成都APP应用开发、wap网站建设(手机版网站建设)、程序开发、网站优化(SEO优化)、微网站、主机域名等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了很多网站制作、网站设计、网络营销经验,集策划、开发、设计、营销、管理等网站化运作于一体,具备承接各种规模类型的网站建设项目的能力。

yylAdmin

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

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

简介

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

  • yylAdmin

  • yylAdminWeb

演示

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

准备

  • PhpStudy

  • Git

  • Node

  • Composer

  • ThinkPHP

  • Vue

  • Element

要求

  • PHP >= 7.1

  • MySQL >= 5.6

  • redis

安装

PHP部分

# 克隆项目
git clone https://gitee.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://gitee.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

  • 使用的是element-ui:element-ui

browser

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

debug

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

协议

  • Apache2开源协议,完全免费使用

  • Copyright skyselang https://gitee.com/skyselang

到此,关于“yylAdmin系统的安装和使用方法”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


本文标题:yylAdmin系统的安装和使用方法
网站网址:http://cdkjz.cn/article/jcdppe.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220