The Vue +.netcore front-end separation recommended in this issue is committed to contributing to the rapid development of a force.

Frame core

• Rapid development (basic functions are all generated by code generators)
• Support front-end and back-end custom business code extension, background provides a large number of common extensions and general classes
• Front-end and back-end provide nearly 300 extension methods and attributes, developers can write extension custom business code on this function
• Code generation (code generator can directly generate master/slave table front and back end business code, there are more than 30 attributes can be configured online generated code)
• Front-end table automatically converts key/value
• Front-end form select/checkbox automatically binds to data sources without writing any code
• Support (master-slave table) one-to-one automatic generation of back-end code, and support data source automatic binding and business code expansion, no need to write any code
• Support one-to-many slave table custom extension (unlimited slave table type and number), one-to-many slave table use extension can be easily achieved

Scope of application

• Front end separation item
• Write various back-end restful apis. The background basic code is completed by the code generator, and you can continue to write business on the generated code
• Front-end form development (directly start to watch demo)
• Cooperate with app for H5 or full h5 development
• Publish the static (h5) page, the framework has provided the demo

Dependent environment

• Background: VS2019,.netCore3.1, EFCore3.1, JWT, Dapper, Autofac, SqlServer/MySql, Redis(optional, default uses built-in IMemory)
• Front end: VsCode, Vue2/vue3 (webpack, node.js, if you don’t have this environment :vue webpack npm), vuex, axios, promise, iview, Elements-ui

Start project

• 1, Start the background project: back-end project path… /VOL.WebApi, find the dev_run.bat command and click Start. The default background boot port is 9991.

• 2, Start the front-end project: front-end Vue project path… /VOL.Vue, find the run.bat command and click Start.

• 3. Enter http://localhost:8080 for access. (Local super administrator account: admin Password :123456)

Get Started

• Front-end needs to understand the basic syntax of modular development and vue: router, component and child/parent component parameter passing, slot, ref, props
• Document [code generation] : First generate full code with code generator
• Writing extended service code: documentation -> [Front-end development]-> [Background development]-> [Component api(ViewGrid component)]
• Writing extended service code involves components :ViewGird.vue, VolForm.vue, VolTable.vue, VolBox.vue, VolUpload.

Low code designer added to framework

Added toggle skin function

Reusable background request parameter verification

Text editor publish static pages directly

Chart

Creating and editing the master and slave tables

Create and edit all back-end codes in the master and slave tables, all generated by the code generator, and support front-end and back-end business code expansion. Creating, editing the configuration from the table, fields, types (drop-down boxes, dates, TextArea, etc.), the row and column in which the field is located, whether the field is read-only, the length of the label display, etc., are all done by the code generator without writing any code

H5 development

Permission assignment

Currently, only the user’s role actions are assigned permissions

Code generator

The code generator provides more than 20 configurable properties for flexible configuration of display, query, edit, import, export, master-slave relationships, etc.