shin 的读音是[ʃɪn],谐音就是行,寓意可行的后台管理系统,shin-admin 的特点是: 站在巨人的肩膀上,依托Umi 2.Dva 2.Ant Design 3和React 16.8搭建的定制化后台. 介于半成品和成品之间,有很强的可塑性,短期内你就能把控全局. 借助模板组件可快速交付90%以上的页面. 多样的权限粒度,大到菜单,小到接口. 容易扩展,例如引入统计用的图表或富文本编辑器等.   当然它还有一些不友好的地方: 大流程绝对能跑起来,但仍潜伏着很多细节BUG有待解决. 有

教程 vue从入门到女装??:从零开始搭建后台管理系统(一)安装框架 一个系统开发完成了总要有操作说明手册,接口文档之类的东西吧?这种要全部纯手写就很麻烦了,可以借助一些插件,比如: vue-docute vue的官方文档就是用这个生成的呢~ 官方文档==>docute 我的示例demo==>demo demo源码==>code 下面进入正题,开始学习使用这个好用的插件吧~ 1.安装 方法1 npm 安装 npm: npm i -g docute-cli docute init ./do

安装及运行都是基于node的,不会node的可以自行百度,网上教程很多,也不难 项目效果预览: demo1 demo2 源码下载 开始安装框架: vue ==>vue-cli安装   element-ui   注意如果报错安装失败就重新安装,不然虽然本地有element的依赖包但是可能会出一些奇怪的错误 另外element-ui虽然好用,但还是不稳定,建议多尝试,或者尝试自己开发常用组件 如果失败可以这样尝试: npm init npm install npm i element-ui -S  

"手动是不可能手动的了,这辈子都不可能手动的了." 一.目标 上一章我们借助ngRoute,完成了口袋妖怪SPA系统的多模块导航开发,但是现在引用的东西越来越多,项目文件目录开始变得混乱不堪: 现在先对当前项目文件列表进行整理,将五大模块移入src文件夹中: 然后修改index.html中的js引用路径: <script src="src/pokemon/pokemon.js"></script> <script src="s

vue + ElementUI 搭建后台管理系统记录 本文档记录了该系统从零配置的完整过程 项目源码请访问:https://gitee.com/szxio/vue2Admin,如果感觉对你有帮助,请点一个小星星,O(∩_∩)O 新建项目 vue create vueadmin 安装 less-loader 安装 这里是一个小坑,安装 less-loader 时推荐安装指定版本,如果安装默认高版本会导致项目出错 cnpm i less-loader@6.0.0 -D 使用 <style lang=

一.概念:https://pro.ant.design/docs/getting-started-cn(官方网站) 1.Ant Design Pro 是什么:  https://www.cnblogs.com/freely/p/10874297.html   Ant Design Pro 是一套开箱即用的中台前端/设计解决方案,是一个开发 中后台 系统的 脚手架.类似 vue-cli 一样,创建项目后,各种webpack配置.路由配置等,都已经弄好,直接开发就可以了. 2.Ant Design

一.xadmin的特点: 1.基于Bootstrap3:Xadmin使用Bootstrap3.0框架精心打造.基于Bootstrap3,Xadmin天生就支持在多种屏幕上无缝浏览,并完全支持Bootstrap主题模板,让您的管理后台也动感.多样起来. 2.内置功能丰富:Xadmin作为一款全面的后台管理系统框架,不仅提供了基本的CRUD功能,还内置了丰富的插件功能.包括数据导出.书签.图表.数据添加向导及图片相册等多种扩展功能. 3.真心强大的插件系统:Xadmin的插件系统借鉴了其他领域成功框

一.基于admin后台管理系统的特点: 权限管理:权限管理是后台管理系统必不可少的部分,拥有权限管理,可以赋予用户增删改查表权限(可以分别赋予用户对不同的表有不同的操作权限): 前端样式少:后台管理主要用于管理人员管理数据库中数据,因此样式不是特别重要但功能全: 快速开发:目前很多系统在开发中,后台系统的开发工具量与前台开发工作量相差不多甚至有点比前台开发工作量还大,而Django的后台管理系统是一套全自动的管理系统(即admin) 二.admin的使用: 1.自动完成admin的相关配置: 1

Django默认为我们提供了后台管理系统admin, urls.py中配置的第一条就是访问后台管理系统admin的 urlpatterns = [ url(r'^admin/', admin.site.urls), ] 启动服务,访问127.0.0.1:8000/admin即可访问,访问后台需要验证,但是Django并没有为我们自动创建账号密码,Django提供了命令,让我们自己创建超级用户 现在我们可以用刚刚创建的超级用户登录进去(账号:admin 密码:admin123456) 进入后,发现

此文仅记录本人在搭建后台系统过程中遇到的难点及注意点,如果能帮到各位自然是极好的~~~ 项目主要架构:vueJS.elementUI.scss 一.项目初始化 首先需要安装nodejs,安装方法就不在赘述,关于 npm 下载速度慢的问题的解决办法: 如果安装了cnpm,要先清除:cmd运行 npm uninstall cnpm -g  清除淘宝镜像cnpm cmd运行 npm config set registry https://registry.npm.taobao.org 然后运行 npm

开坑,一直喜欢口袋妖怪,想着能写点有关的程序. 最近项目要改写管理系统,所以用Angular1.x搭建一个口袋妖怪管理系统试试. 巩固Ng1.x的知识+学习库的用法,然后算是记录一个系统从零开始到成型的过程吧哈哈~ 总计划 暂时计划比较简单,该网站是一个SPA即单页面管理系统应用,暂时分为五个页面: 口袋妖怪 技能 树果 道具 训练师 在完成管理界面之后尝试设计一个主界面,类似宝可梦图鉴的页面,用来练习界面设计&展示口袋妖怪列表 多说无益,开工先 一.目标 搭建最简AngularJS环境, 然后

  shin 的读音是[ʃɪn],谐音就是行,寓意可行的后端系统服务,shin-server 的特点是: 站在巨人的肩膀上,依托KOA2.bunyan.Sequelize等优秀的框架和库所搭建的定制化后端系统服务. 一套完整的 Node.js 后端服务解决方案. 调试便捷,实时打印出各类请求.日志和所有的查询语句. 配合独立的配置文件可连接 MongoDB.MySQL 以及 Redis. 已开辟脚本和定时任务目录,可将相应文件补充进来. 容易扩展,可引入第三方库,例如队列.云服务等.   与sh

Bootstrap Table是基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选.多选.排序.分页,以及编辑.导出.过滤(扩展)等等的功能:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/ 现在做的一个app管理以及后台配置系统,需要针对不同的城市作相应的定制化的配置,对一些后台数据也做一些展示和操作,所以每一个模块基本都会有表格的展现形式,这样做的好处就是直观方便操作.对于用什么t

一.目标 上一次我们用Angular1.x完成了简单的口袋妖怪展示列表页面,现在我们想要了解口袋妖怪更多的信息,但是发现原有单行表格可能容纳不下口袋妖怪的所有信息,所以现在我们需要一个口袋妖怪详情界面了.依旧是从刚刚的展示列表界面开始,点击口袋妖怪的名称然后跳转到指定的口袋妖怪信息界面. 二.分析 要是实现点击名字后从列表页面跳转到详情界面,最原始的方式肯定是用<a>标签加链接和参数跳转到新界面,但是现在我们想要在原有界面内平滑过渡到新界面,即用路由实现视图中转,那么很简单地我们找到了官方提供

安装 npm install ant-design-vue --save 然后在main.js里面引入 import ant from 'ant-design-vue' import 'ant-design-vue/dist/antd.less' Vue.use(ant) 如下所示 到此你就可以使用它的组件了.[注意:如果你不需要自定义主题颜色,把import的less文件改为css文件] 配置一下自定义主题 在项目根目录建立  vue.config.js  文件,这里你可以修改主题的颜色(默认

首先我们来看看这个基础模版的目录结构 ├── build // 构建相关  ├── config // 配置相关├── src // 源代码│   ├── api // 所有请求│   ├── assets // 主题 字体等静态资源│   ├── components // 全局公用组件│   ├── directive // 全局指令│   ├── filtres // 全局 filter│   ├── icons // 项目所有 svg icons│   ├── lang // 国际化 l

我们继续上一章的内容,上一章讲到我们已经能将项目成功跑起来了,那么我们接下来把项目必用的东西完善一下. 一.安装elementUI 终于到了我们的男二了,继续在VSCode中新建一个终端,然后通过这个命令来安装: npm i element-ui -S 至于为什么要-S呢?即--save(保存)包名会被注册在package.json的dependencies里面,在生产环境下这个包的依赖依然存在. 安装完成之后呢,我们要通过导入才能在项目中使用,可以在main.js中做全局引用: import

1.Ant Design Pro 初了解 说到ant design pro,得先了解一下ant design是个什么东西?ant design蚂蚁金服基于react打造的一个服务于企业级产品的UI框架.而ant design pro呢?就是基于Ant Design这个框架搭建的中后台管理控制台的脚手架  . ant design pro官方文档:https://pro.ant.design/docs/getting-started-cn 2.安装 默认你本地已安装好node和git环境 $ gi

写在前面的话 近来公司要做一个后台管理系统,人手比较少,于是作为一个前端也参与进来,其实据我所知,大部分的公司还是后台自己捣鼓的. 在后台没有到位的情况下,前端应该使用什么技术也着实让我为难了一把.经过短暂的调研,刷各种论坛,决定使用angular2x+bootstrap的方式去搭建后台管理系统. 用了大概一周,出于种种原因这方案被毙掉了,于是索性就写个小demo(将持续完善) 目录 预览 环境配置 依赖于 项目结构介绍 项目搭建步骤 最后 预览 项目预览    进入 项目源码 环境配置 需要安

写在前面的话 近来公司要做一个后台管理系统,人手比较少,于是作为一个前端也参与进来,其实据我所知,大部分的公司还是后台自己捣鼓的. 在后台没有到位的情况下,前端应该使用什么技术也着实让我为难了一把.经过短暂的调研,刷各种论坛,决定使用angular2x+bootstrap的方式去搭建后台管理系统. 用了大概一周,出于种种原因这方案被毙掉了,于是索性就写个小demo(将持续完善) 目录 预览 环境配置 依赖于 项目结构介绍 项目搭建步骤 最后 预览 项目预览    进入 项目源码 环境配置 需要安