SoJpt-iview-admin

后台管理开发脚手架
授权协议 Apache
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 后台管理系统(模板)
软件类型 开源软件
地区 国产
投 递 者 金令秋
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

SoJpt 脚手架是一个集用户管理,权限管理,角色管理,审计功能及权限分配,角色分配与一体的后台管理框架,同时借鉴 Jfinal 官方最佳实践 Jfinal-club 会员项目以及作者多年实战经验使该项目非常适合二次开发。

sojpt-logo

具有多个版本:

前台 iview 版:后台有 Spring Boot (SoJpt Boot 实现) MySql  版、JFinal MySql  Oracle

前台 layui 版:后台有 JFinal MySql  Oracle

效果展示

SoJpt iview-admin

 vue iview ui npm

当前SoJpt-iview-admin脚手架版本:v1.0 (JFinal/SoJpt-Boot)

SoJpt 脚手架

github 地址

当前iview-admin版本:v2.0-beta.2

更新日志、 使用文档、 在线访问、 简化版模板

Install

    // install dependencies

    npm install

Run (可使用vue cli ui界面启动)

Development

    npm run dev

Production(Build)

    npm run build

高级用法以及下载地址

请前往 www.sojpt.com 了解

  • https://github.com/iview/iview-admin

  • 1、登录页面: src/view/login 引用src/components/login-form,点击登录按钮后,触发on-success-valid事件 on-success-valid事件在src/view/login中执行事件响应handleSubmit函数 handleSubmit函数调用src/store/module/user.js中的handleLogin和getUserInfo

  • iview-admin 登录实现 登录流程 界面输入用户信息(@/view/components/login-form/login-form.vue) ->调用父组件的handleSubmit方法(@/view/login/login.vue) ->再调用Vuex actions 方法handleLogin(@/store/user.js) ->再调用axios方法login(@/api/user

  • ----------------------------------------------------------- index.html: <div id="app"></div> main.js :   new Vue({el: '#app',router,il18n,store,render-->app.vue}) app.vue :   <div id="app"><router-vie

  • 目录结构 |-- |-- .babelrc |-- .editorconfig |-- .eslintignore |-- .eslintrc.js |-- .gitignore |-- .postcssrc.js |-- .travis.yml |-- cypress.json |-- LICENSE |-- pa

  • 权限控制 也就是用户只能访问被分配的资源。在前端展示上也笼统的分为菜单权限控制和页面中按钮权限控制。 1.菜单是路由的直接体现,菜单控制实际上就是路由控制。 在路由的before 钩子函数中校验当前访问的地址是否有权访问,校验结果确定路由是否可以放行。在路由配置中增加accss选项,是个访问此路由的用户角色数组。login页面用户登录后返回数据中包含该权限的信息,与access选项中的数据匹配,有

  • 第一步 在路由的meta里设置 access: ['1'] //一个权限 access: ['1', '2', , '3', '4'] //多个权限 第二步 在vuex里设置 state: { access: '', }, mutations: { setAccess (state, accesses) { let access = []; ac

  • public 静态资源 favicon.ico favicon图标 index.html html 模板 src 源代码 api 所有请求 assets 图片、svg 等静态资源 components 公共组件 i18n 多语言 layouts 布局 libs 公共方法 menu 菜单配置 mixins 通用混合 mock 数据模拟 pages 所有页面 plugins 插件 router 路由配

  • 1.目录手册解析: https://lison16.github.io/iview-admin-doc/#/ 2.预览: https://admin.iviewui.com/login 3.基础模板: https://github.com/iview/iview-admin/tree/template

  • iview-admin-master项目登录 src\view\login\login.vue 代码中在这里插入代码片import LoginForm from “_c/login-form”; 其中“_c\login-form”引入的是 components\login-form\login-form.vue,“_c”是什么意思 终于找到答案 在项目的最外层有配置文件vue.conf.js,里面

 相关资料
  • 如何优雅的写代码,我想是每位程序员的心声。自从15年初第一次接触 Laravel 4.2 开始,我就迷上使用 Laravel 框架了。我一直都想找个时间好好写写有关 Laravel 的使用文章,由浅入深的介绍 Laravel 框架。 今天通过使用 laravel-admin 插件,来简单说说怎么优雅的写 Laravel 代码。 创建 Laravel 项目 只要跟着官方文档走,创建一个 Larave

  • iView admin 是基于 Vue.js,搭配使用 iView UI 组件库形成的一套后台集成解决方案,由 TalkingData 前端可视化团队部分成员开发维护。iView admin 遵守 iView 设计和开发约定,风格统一,设计考究,并且更多功能在不停开发中。 功能 登录/登出 权限管理 列表过滤 权限切换 组件 富文本编辑器 Markdown编辑器 可拖拽列表 文件上传 数字渐变 表

  • unicloud-router-iview-admin 是一个简洁的后台管理系统模板,基于 uniCloud + iview + uni-simple-router 的后台管理系统。 示范模板:unicloud-router-iview-admin 目录结构 ├── api ajax请求├── assets 项目静态资源|

  • 概要设计 1、创建、发送、停止同步任务; 2、创建、抓取同步工作节点; 3、抓取、整合节点统计数据与实时数据并做页面展示; 4、抓取、整合任务统计数据与实施数据并做页面展示; 5、抓取告警日志并做页面展示; 6、收集、整合数据推送到中间件。 名词须知 数据源:数据存储位置,现启用kafka、jdbc、canal三种类型; 数据表组:

  • 扩展程序是基于事件的程序,用于修改或增强 Chrome 浏览器的体验。事件是浏览器触发器,例如,访问到新页面,删除书签或关闭选项卡。扩展程序在其后台脚本中监视这些事件,然后按照指定的指示进行响应。 后台页面在需要时被加载,而在空闲时被卸载。事件的一些示例包括: 该扩展程序首次安装或更新为新版本。 后台页面正在监听事件,并且已调度该事件。 内容脚本或其他扩展发送消息。 扩展中的另一个视图(例如弹出窗

  • moa2-frontend 前后端分离 shop-server 3000 shop-admin 3010 nginx 8000 即3010 /api 即3000 worker_processes 1; error_log logs/error.log; error_log logs/error.log notice; error_log logs/error.log info; p