xiaonuo-vue 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
xiaonuo-vue 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
xiaonuo-vue 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
xiaonuo-vue 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
xiaonuo-vue 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 Apache
开发语言 Java
操作系统 跨平台
软件类型 开源软件
开源组织
地区 国产
提 交 者 小诺开源技术
适用人群 未知
收录时间 2020-12-09

软件简介

xiaonuo-vue为XiaoNuo生态技术框架环境中的vue版本,前后端分离架构,开箱即用,紧随前沿技术。

快速启动

您的开发电脑需要安装:NodeJs(最新版)、npm或yarn(最新版)建议使用yarn、Mysql5.7、Jdk1.8、Maven3.6.3(配置阿里仓库地址)、开发工具推荐idea

  • 启动前端:打开_web文件夹,进行依赖下载,运行npm install或yarn命令,再运行npm run serve或 yarn run serve
  • 启动后端:打开application-local中配置数据库信息,运行XiaoNuoApplication类即可启动
  • 浏览器访问:http://localhost:81 (默认前端端口为:81,后端端口为:82)

框架说明及后续补充

  • 纯手研发搭建框架脚手架,在自己用的时候,也为各位小伙伴打下坚固的接私活利器。
  • 后续我们会行发多个版本,将适配多个数据库环境,国产化环境,并且根据多年经验会出相关系统中用到的案例,提供给大家使用!
  • 如需了解我们更多,请移步官网:https://xiaonuo.vip
  • 当然,有问题讨论的小伙伴还可以加入我们的QQ技术群:732230670,一起学习讨论。

在线演示

效果图

框架优势

  1. 模块化架构设计,层次清晰,业务层推荐写到单独模块,方便升级。
  2. 前后端分离架构,分离开发,分离部署,前后端互不影响。
  3. 前端技术采用vue + antdvPro + axios。
  4. 后端采用spring boot + mybatis-plus + hutool等,开源可靠。
  5. 基于spring security(jwt) + 用户UUID双重认证。
  6. 基于AOP实现的接口粒度的鉴权,最细粒度过滤权限资源。
  7. 基于hibernate validator实现的校验框架,支持自定义校验注解。
  8. 提供Request-No的响应header快速定位线上异常问题。
  9. 在线用户可查,可在线踢人,同账号登录可同时在线,可单独在线(通过系统参数配置)。
  10. 支持前端 + 后端在线代码生成(开发中)。
  11. 文件,短信,缓存,邮件等,利用接口封装,方便拓展。
  12. 文件默认使用本地文件,短信默认使用阿里云sms,缓存默认使用内存缓存。

详细功能

  1. 主控面板、控制台页面,可进行工作台,分析页,统计等功能的展示。
  2. 用户管理、对企业用户和系统管理员用户的维护,可绑定用户职务,机构,角色,数据权限等。
  3. 应用管理、通过应用来控制不同维度的菜单展示。
  4. 机构管理、公司组织架构维护,支持多层级结构的树形结构。
  5. 职位管理、用户职务管理,职务可作为用户的一个标签,职务目前没有和权限等其他功能挂钩。
  6. 菜单管理、菜单目录,菜单,和按钮的维护是权限控制的基本单位。
  7. 角色管理、角色绑定菜单后,可限制相关角色的人员登录系统的功能范围。角色也可以绑定数据授权范围。
  8. 字典管理、系统内各种枚举类型的维护。
  9. 访问日志、用户的登录和退出日志的查看和管理。
  10. 操作日志、用户的操作业务的日志的查看和管理。
  11. 服务监控、服务器的运行状态,Java虚拟机信息,jvm等数据的查看。
  12. 在线用户、当前系统在线用户的查看。
  13. 数据监控、druid控制台功能,可查看sql的运行信息。
  14. 公告管理、系统的公告的管理。
  15. 文件管理、文件的上传下载查看等操作,文件可使用本地存储,阿里云oss,腾讯cos接入,支持拓展。
  16. 定时任务、定时任务的维护,通过cron表达式控制任务的执行频率。
  17. 系统配置、系统运行的参数的维护,参数的配置与系统运行机制息息相关。
  18. 邮件发送、发送邮件功能。
  19. 短信发送、短信发送功能,可使用阿里云sms,腾讯云sms,支持拓展。

版权说明

XiaoNuo生态技术框架全系版本采用 Apache License2.0协议 请务必尊重原著产品,如果目前开源学习源码不能满足您的商业需求,可联系客服进行授权

XiaoNuo技术团队荣誉作品

成员组成 负责内容
俞宝山 全栈
徐玉祥 全栈
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (7)

加载中
您的官网用的什么?
前天 16:16
回复
举报
请问有没有具体的需求文档
01/08 18:29
回复
举报
小诺开源技术软件作者
有有
01/10 17:37
回复
举报
您这个菜单页面响应时间好慢啊,不是我电脑问题吧
2020/12/11 16:17
回复
举报
小诺开源技术软件作者
vue是你本地加载js的,首次打开会有点慢。前几天演示地址服务器带宽不高,现已经增高到5M,很流畅
2020/12/13 12:48
回复
举报
按需加载会快很多吗?
2020/12/27 10:57
回复
举报
小诺开源技术软件作者
首先按需加载肯定一方面是代码的轻量,另一方面也是加载时的性能方面提升
2020/12/27 13:11
回复
举报
更多评论
前天 11:50

小诺快速开发平台文档细化重构

转眼做开源已经过去三个月之久,通过每天跟跟其他小伙伴们的接触,也发现小诺框架有很多需要补充及修改的内容,同时也收到部分小伙伴的打赏金,这也使得我们小诺更有信心的持续发展下去的一部分。当初做开源的唯一目的也是为了全国各地广交朋友,并且做好一款自己使用,别的小伙伴及企业使用的脚手架轮子。 在此期间,我们也大量的接受使用者私聊问题处理,并且远程解决了很多由于操作引起的环境及调试问题,坚持做好脚手架的同...

8
13
03/01 13:24

小诺 vue 版本 V1.3 已发布

xiaonuo-vue为小诺系列后台权限管理框架前后分离版本,前端使用AntDesign Vue Pro + Vue 开发,紧跟潮流。 后端使用SpringBoot+MybatisPlus,集基础功能于一体的全新框架。分离前后端开发更激进! 此次1.3版本增强代码生成功能,做到了低代码化,可配置每个字段作用域,基础查询(时间、下拉、数字、模糊等),生成表单中输入框、文本框、时间选择、多选、单选、下拉框,您不用写一行代码 ,具体更新如下: v1.3 : 代码生成增强...

11
21
发表了资讯
02/25 16:06

xiaonuo-vue v1.2.5 已发布

xiaonuo-vue为小诺生态中前后端分离模式,独立创造多个亮点,代码简洁符合阿里巴巴规范,开箱即用。 前端使用AntDesign-Vue-Pro + Vue2.0开发。 后端使用SpringBoot2.3.1+MybatisPlus3.3.2+Hutool5.5.8等多个优秀项目综合开发。 此次更新v1.2.5主要为修复细节及小问题修改,具体如下: v1.2.5 1、【修复】修复用户生日更新失败的bug 2、【更新】优化代码,pdf文件预览无需转换 3、【更新】MappingCache常量字段名称更正 4、【更...

0
3
发表了资讯
02/18 13:35

xiaonuo-vue v1.2.4 已发布

xiaonuo-vue是一款快速开发平台,完整的权限管理,前后分离模式,核心代码全开源可靠 此次更新为v1.2.4,主更新于前端内容,具体如下: v1.2.4 1、更换登录界面图片及细节调整 2、更新前端布局多处细节,更协调 3、设置顶部导航栏由64px为55px及其他细节 4、设置菜单栏由255px为230px及其他细节

0
6
02/13 12:10

xiaonuo v1.2.3已发布

xiaonuo快速开发平台,前后端分离模式,独立创造多个亮点,代码简洁符合阿里巴巴开发规范,开箱即用。 前端使用AntDesign-Vue-Pro + Vue2.0开发。 后端使用SpringBoot2.3.1+MybatisPlus3.4.2 + hutool5.5.8等多个优秀项目综合开发。 此次发布的为:v1.2.3版本,修复bug及更新插件,主要更新内容为以下 1、修复打war包出现的注入失败导致无法启动的问题 2、升级多个插件版本为最新(mp、 druid、hutool)...

0
2
发表了资讯
02/11 20:32

xiaonuo 1.2.2 版本发布

xiaonuo为高效快速开发平台,前后端分离模式,独立创造多个亮点,代码简洁阿里巴巴规范,开箱即用。 前端使用AntDesign-Vue-Pro + vue2.0开发,紧跟前沿技术。 后端使用SpringBoot2.3.1+MybatisPlus3.3.2等多个优秀项目综合开发。 本次更新大趋向为前端内容,具体如下: v1.2.2 1、界面列表组件新增快捷操作刷新、列设置、密度、全屏功能,实时响应 2、列表组件新增slot,列表头按钮放入插槽,界面更协调 3、功能列表代码统一调...

0
12
发表了资讯
01/30 22:53

antdv 前端开发的快速开发平台 xiaonuo

我们在自己IT生涯中,工作也罢,其次多多少少也会接到一些工作之外的开发项目;作为java开发程序员,这使得我们必须熟悉使用一款即好看、好用、性能好、得心应手的java软件脚手架来快速完成业务模块的开发。 开源中国开源软件也层出不穷,毕竟属于别人的作品,要么自己动手去开发自己的脚手架,要么在开源的基础上付费使用别人更高级的快速开发平台,当然工作也能进一步的节省时间提高效率,终于忍不住一颗骚动的心还是动手了。...

2
19
01/24 13:53

xiaonuo-vue v1.2.1 发布,版本更新验证码

xiaonuo 全系快速平台中 vue 为前后端分离模式,代码简洁,开箱即用。 前端使用 AntDesign-Vue-Pro2.0 开发,紧跟潮流。 后端使用 SpringBoot2.3.1+MybatisPlus3.3.2 此次更新的为 v1.2.1,其中更新内容如下: 1.新增登录验证码 2.统一日志打印格式 3.优化导包 后续我们会计划此版本升级 vue 为 3.0 版本

5
10
发表了资讯
01/18 09:45

小诺官方文档再次增强

开源版本Java脚手架(快速开发平台)层出不穷,作为一块项目利器+私活利器,开发途中难免会遇到一些问题,这时大部分小伙伴也会想到说是去看官方文档。对于一块文档齐全的脚手架开发起来也是效率挺高,如果只是开源了没有文档或者是文档不齐全是件很头疼的事情。 现在让我们来说说小诺快速开发平台,一开始我们的第一个版本为vue版本的,前端选型采用AntDesignVue,不仅界面美观,还是Vue开发的,这对于喜欢Vue开发的小伙伴简直...

6
14
发表了资讯
2020/12/26 22:16

XiaoNuo 快速开发平台代码生成发布啦

小诺团队做开源已经将近一个月,在平时忙碌的工作之余跟晚上的时间,也在抓紧时间做开发。 在此时间段当然我们的其他产品也不能停下来,就好比:xiaonuo-layui版本的工作流大模块、xiaonuo-cloud版本,相信很快跟小伙伴们见面。 为了加快cloud版本日程,小诺团队成员也由2人增加到3人!同时也欢迎其他有想法的小伙伴加入到我们的开源中一起做贡献,可以在官网获取联系方式与我们沟通! 此次一共发布了xiaonuo-vue版本与xiaonuo...

4
21
发表了资讯
2020/12/15 00:08

XiaoNuo 快速开发平台文档已发布

软件发布之后有好多小伙伴私信问我,为什么这么好用的框架没有对应的文档?当然,对于小白用户来讲,刚开始有点难啃。因此我们也在工作闲暇时间拼命的往前赶,紧着完善了文档给各位小伙伴使用。因此今天匆匆忙忙发布了第一版 https://doc.xiaonuo.vip 我们在文档中描述了基本的界面操作,又从代码层面进行一个深度的剖析,从下载到部署上线,相信开发的小伙伴通过文档的方式也可以对我们的代码进行更进一步的了解。如果我们的软...

2
6
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2020/12/02 13:08

号外号外!一款XiaoNuo生态软件框架vue版本开源啦!

首次开源基于一款搭建好的软件框架,适用于前后分离开发模式 前端基于AntdDesign-Vue-Pro+Vue延伸开发、后端基于SpringBoot2.3.1+MybatisPlus3.3.2搭建开发 后续我们会行发多个版本,将适配多个数据库环境,国产化环境,并且根据多年经验会出相关系统中用到的案例,提供给大家使用! 优点:代码简洁、功能实用、开箱即用、紧随前沿、无任何私包,完全开源 想体验的小伙伴可以看看我们代码下载地方的体验地址 如需了解我们更多,...

0
0
发表了博客
2020/04/14 13:50

Vue - Vue-CLI2 和 Vue-CLI3、Vue-CLI4的区别

周末在家新建了一个 Vue 测试项目,但不管怎么建,总会提示一些 有的没的,杂七杂八的信息,如:找不到 funding、存在多少漏洞(vulnerabilities) 什么的。如下所示: 寻思着,出现这些问题的原因,应该是一些 不太重要的依赖包 更新了版本 或 迁移了地址,导致之前的 Vue-CLI 找不到 对应的版本 或 依赖包地址了。 虽然暂时没发现这些错误对项目的运行和打包有啥影响,但是一句话,看着不爽。既然看着不爽,就想收拾它,怎么收拾...

0
2
2020/11/19 00:00

VUE|Vue实例

欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。 欢迎加入团队圈子!与作者面对面!直接点击! 1.创建一个Vue实例 之前初步学习了Vue的安装和一些简单介绍,这次就主要学习Vue实例。 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的。 var vm = new Vue({ // 选项 }) 虽然没有完全遵循 MVVM 模型,但是 Vue 的设计也受到了它的启发。因此在...

0
0
发表了博客
2018/04/27 14:00

Vue--vue-Router

一.vue路由的基本使用 为什么需要路由? 因为我们通过component切换组件无法给组件传递参数 component切换组件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>Document</title> 8 <script src="../vue2.4.4.js"></script> 9 </head...

0
1
发表了博客
2020/08/22 00:00

VUE|Vue实例

欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。 欢迎加入团队圈子!与作者面对面!直接点击! 1.创建一个Vue实例 之前初步学习了Vue的安装和一些简单介绍,这次就主要学习Vue实例。 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的。 var vm = new Vue({ // 选项 }) 虽然没有完全遵循 MVVM 模型,但是 Vue 的设计也受到了它的启发。因此在...

0
0
发表于数据库专区
2020/01/02 10:21

VUE-认识Vue

1.认识Vue Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 前端框架三巨头:Vue.js、React.js、AngularJS,vue.js以其轻量易用著称,vue.js和React.js发展速度...

0
0
发表于数据库专区
2020/01/02 10:45

VUE-Vue实例

4.Vue实例 4.1.创建Vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: var vm = new Vue({ // 选项 }) 在构造函数中传入一个对象,并且在对象中声明各种Vue需要的数据和方法,包括: el data methods 等等 接下来我们一 一介绍。 4.2.模板或元素 每个Vue实例都需要关联一段Html模板,Vue会基于此模板进行视图渲染。 我们可以通过el属性来指定。 例如一段html模板: <div id="app"> </div> 然后创...

0
0
发表了博客
2019/06/23 21:29

[Vue] : Vue概述

什么是Vue.js Vue.js 是目前最火的一个前端框架,React是最流行的一个前端框架。 Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架! Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。 Vue 核心的概念,就是让用户不再操作DOM元素,提高渲染效率,前端程序员只需要关心数据的业务逻辑,不再关系 DOM 是如何渲染的。 MVC 与 前端中的 MVVM...

0
1
发表于数据库专区
2020/01/02 11:53

VUE-vue-cli

9.vue-cli 9.1.介绍和安装 在开发中,需要打包的东西不止是js、css、html。还有更多的东西要处理,这些插件和加载器如果我们一一去添加就会比较麻烦。 幸好,vue官方提供了一个快速搭建vue项目的脚手架:vue-cli 使用它能快速的构建一个web工程模板。 官网:https://github.com/vuejs/vue-cli 安装命令:npm install -g vue-cli 9.2.快速上手 我们新建一个module: 切换到该目录: 用vue-cli命令,快速搭建一个webpack的项目:v...

0
0
发表了博客
2019/04/04 11:41

vue -- vue实例

一、vue实例 let app = new Vue({ // 对象属性 ]) 二、对象属性 1、el 就是父DOM 2、data 所有vue上面操作的数据都会被写在这里 3、methods 所有的函数方法都写在这里 methods: { getFun () { console.log(123) } } 4、components 用来注册子组件用 5、props 这个是子元素用来接收父元素传递数据的属性 二、生命周期钩子函数 生命周期钩子函数 作用范围 beforeCreate el,data都为undefined,还没有初始化...

0
2
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
01/05 22:06

对于接私活,用什么版本的开源框架比较合适?

程序员日常工作中,慢慢的会接到一些技术活,我们俗称私活,对于这样的技术开发,大家一般喜欢什么样的架构去开发?用普通单体版本快速完成?用前后分离版本团队开发?用微服务架构更加追求高性能?

13
2
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
7 评论
52 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部