Coder Social home page Coder Social logo

yydashixiong / vue.netcore Goto Github PK

View Code? Open in Web Editor NEW

This project forked from cq-panda/vue.netcore

0.0 0.0 0.0 11.96 MB

.NetCore+Vue,前后端后离,支持前后端业务代码扩展的快速开发框架,Vol.Vue为前端项目,Vue.Net后台项目

License: MIT License

JavaScript 26.55% HTML 6.24% Batchfile 0.01% Vue 28.06% CSS 1.23% C# 34.76% ASP 1.38% Java 0.35% PHP 1.43%

vue.netcore's Introduction

Vue+.NetCore前后端分离,支持对前端、后台基础业务代码扩展的快速发开框架

框架核心

  • 快速开发
  • 支持前端、后台自定义扩展
  • 代码生成(20多属性在线配置表单、table)
  • table自动转换key/value
  • 表单select/checkbox自动绑定数据源
  • 支持(主从表)一对一代码生成 , 一对多从表使用扩展可轻松实现

框架可直上手开发这些功能

  • Vol.WebApi类库可独立用于restful api服务单独部署,用于其他系统单独提供接口,直接上手编写业务代码即可。
  • Vue+Vol.WebApi 可用于现有框架前后端分离进行开发
  • Vol.Builder类库可作为一个独立的代码生成器,可定制生成cshtml页面、Vue页面、Model文件、Service.cs业务处理代码类
  • 可作为一个独立站点来发布Editor编辑器生成的静态html网页.
  • 可直接用于H5移动App开发H5开发看这里

框架2.0已更新(部分新增功能截图)

增加切换皮肤功能 Home
增加文本编辑器直接发布静态页面功能 增加可复用的后台请求参数校验 Home
增加文本编辑器直接发布静态页面功能 Home
增加真实可用的一对多从表(不限从表数量)扩展 Home
图表 Home

其他功能。。自己去看

框架特点

  • 支持前端、后台基础业务代码动态扩展,可在现有框架增、删、改、查、导入、导出、审核基础业务上扩展复杂的业务代码
  • 基本业务全部由框架完成,上手即可对基础业务以外的代码进行扩展
  • 上手简单,需要.net core3.1、VsCode mysql/sqlservcer 2012、redis(可选) 及以上版本的开发环境
  • 学习成本低,封装了常用可扩展组件及Demo(前端基于Iview/Element-UI组件进行了二次封装、后台提供了大量的扩展方法)
  • 开发效率高,内定制开发的代码生成器,生成前端(Vue、后台代码),代码生成器已完成90%以上的重复工作,只需要在提供的扩展类型中实现其他业务
  • 前端vue页面表单下拉/多选框完成自动绑定数据源,不需要写任何代码,并支持扩展自定开发绑定。
  • 后台已完成权限、菜单、JWT等内部功能

如果你没有做过webpack+vue工程化开发项目,可能会刚开始相当不适应,或者安装环境总是出问题,但只要你熟悉开发流程后,你会发现采用Vue开发比Jquery爽太多了。上手项目需重点了解基础Vue语法,特别是了解组件、路由及import的使用

开发及依赖环境

VS2019 、.NetCore3.1 、EFCore3.1、JWT、Dapper、Autofac、SqlServer/MySql、Redis(可选,没有redis的在appsetting.json中不用配置,默认使用内置IMemory)、
VsCode、Vue2.0(webpack、node.js,如果没有此环境自行搜索:vue webpack npm)、Vuex、axios、promise、IView、Element-ui

项目运行

如果你没有前端环境,请先安装node.js, 前端开发使用VsCode

  • 1、使用cmd命令切换至前端Vue项目.../VOL.Vue路径下,执行npm install命令(只有从来没执行过此命令的才执行npm install)
  • 2、运行后端项目:在后端项目路径.../VOL.WebApi/运行dev_run.bat端口设置的是9991,运行前先看appsettings.josn配置属性说明
  • 3、运行前端项目:在前端Vue项目路径.../VOL.Vue/运行run.bat(每次启动会进行编译,这个时间可能会有点长)
  • 4、输入http://localhost:8080访问

功能介绍

功能介绍

Home

1、只读基础表单

整个只读的基础表单的所有前后端代码,全部由代码生成器生成,代码生成器中几乎不需要配置,并支持并后端业务代码扩展,直接生成代码后,配置菜单权限即可 Home

2、自动绑定下拉框数据表单

整个自动绑定下拉框数据表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,在代码生成器中只需要指定数据源编号,页面加载时会根据编号自动加载数据源并绑定
Home

3、启用图片支持、审核表单

整个启用图片支持、审核表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,审核功能需要在菜单配置权限、代码生成器中勾选启用图片支持 Home

4、高级查询

整个表单的所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,查询字段、类型(下拉框、日期、TextArea等)、所在行与列都由代码生成器完成,不需要写任何代码
Home

5、单表新建、编辑

单表新建、编辑所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,新建、编辑字段、类型(下拉框、日期、TextArea等)、所在行与列、字段是否只读、标签显示的长度等都由代码生成器完成,不需要写任何代码
Home

6、主从表新建、编辑

主从表新建、编辑所有前后端代码,全部由代码生成器生成,并支持并后端业务代码扩展,新建、编辑从表配置、字段、类型(下拉框、日期、TextArea等)、所在行与列、字段是否只读、标签显示的长度等都由代码生成器完成,不需要写任何代码
Home

7、单列、多列Form表单

单列、多列Form表单,已封装成组件,并且支持组件扩展。可配置显示的列的数量、是否只读、列的数据类型(日期、下拉框、TextArea、列宽、自动绑定数据源、图片上传等), 这些只需要配置JSON格式即可使用
Home

8、可配置的Table(自动/手动加载table数据、自动绑定数据源、编辑功能)

单列、多列Form表单,已封装成组件,并且支持组件扩展。可配置显示的列的数量、是否只读、列的数据类型(日期、下拉框、TextArea、列宽、自动绑定数据源、图片上传等), 这些只需要配置JSON格式即可使用

从后台加载数据、自动绑定数据 Home

可编辑的table,手动绑定数据、自动绑定数据源 Home

表单与table混合使用 Home

9、excel导入

excel导入整个页面都由代码生成器生成,导入的字段、字段是否必填,下载模板也由代码生成器上配置(自己根据实际需要决定是否采用此方法),导入时会验证是否为空与数据的合法性,逻辑校验自己实现扩展方法即可
Home

10、前端、后台业务代码扩展

只需要根据自己的业务实现前端、后台代码扩展方法即可。后台大部分都采用的委托扩展方法,这里只截了一张图数据加载事件的扩展方法,完整方法从Demo上获取 Home

11、H5开发

H5只是做了一个简单的Demo,如果你有H5开发经验,请忽略,如果你没有H5开发经验,可看看这里 Home

12、权限分配

目前只实现了对用户的角色的Action进行权限分配 Home

13、菜单管理

默认8种权限,可自行定义其他权限(代码生成器完后,直接在菜单上配置url(url路径为自动生成前端的router->path,从此处复制过过即可)) Home

14、个人中心

个人中心目前只开发了页面与修改密码,其他功能自行根据需要实现 Home

15、代码生成器

代码生成器提供了20多种可配置的属性,可灵活配置显示、查询、编辑、导入、导出、主从关系等功能点击看代码生成器文档 Home

还有角色管理、日志管理、数据源管理、其他组件、后台代码等功能就不再介绍了,点这里看看就知道了

vue.netcore's People

Contributors

cq-panda 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.