vue.netcore Rapid Development Framework

repository·master·Indexed 26 days ago

A rapid development framework for decoupled web applications combining Vue (2/3) and .NET 8. It features a code generator for CRUD interfaces, master-detail forms, and business logic scaffolding. The framework supports EFCore 8.0, SqlSugar, Dapper, and various databases including SQL Server, MySQL, PostgreSQL, and Oracle. It includes a suite of Vue components such as ViewGrid, VolBox, VolForm, VolTable, and VolTag, along with built-in multi-language translation utilities.

Tokens: 1.8K
Snippets: 6
Records: 28
Agent score: 88%

What's inside vue.netcore

Overview of Vue + .Net8 Rapid Development Framework
master
This project is a rapid development framework designed for decoupled (front-end/back-end) architectures using Vue and .NET 8. It focuses on minimizing repetitive coding through a powerful code generator that supports master-detail (one-to-one and one-to-many) relationships, automatic data binding for forms (select/checkbox), and automatic key/value conversion for tables. The framework is designed to be extended with custom business logic using nearly 300 provided extension methods and properties.
https://github.com/cq-panda/vue.netcore/blob/master/README.md
Access framework documentation and demos
master
Depending on your version or platform, use the following documentation links:
- Vue 3 Version: http://www.volcore.xyz
- Vue 2 Version: http://v2.volcore.xyz/document/guide
- Mobile (App, H5, WeChat Mini Program): http://app.volcore.xyz/
Default Demo Credentials:
- Super Administrator: admin / 123456
- Standard Administrator: admin666 / 123456
https://github.com/cq-panda/vue.netcore/blob/master/README.md
Install vol.vue3 dependencies
master
To set up the vol.vue3 project, install the necessary dependencies using npm.
```
npm install
```
https://github.com/cq-panda/vue.netcore/blob/master/vol.web/README.md
Run vol.vue3 in development mode
master
To start the development server with hot-reloading enabled, use the serve script.
```
npm run serve
```
https://github.com/cq-panda/vue.netcore/blob/master/vol.web/README.md
Build vol.vue3 for production
master
To compile and minify the project for production deployment, use the build script.
```
npm run build
```
https://github.com/cq-panda/vue.netcore/blob/master/vol.web/README.md
Configure the development environment for Vue + .Net8
master
To develop with this framework, ensure your environment meets the following requirements:
Back-end Requirements:
- IDE: VS2022
- Runtime: .NET 8
- ORM/Data: EFCore 8.0, SqlSugar, Dapper
- Security/Auth: JWT
- Communication/Task/DI: SignalR, Quartz.Net, Autofac
- Databases: SQL Server, MySQL, PostgreSQL, Oracle
- Cache: Redis
Front-end Requirements:
- IDE: VS Code
- Frameworks: Vue 2 or Vue 3, TypeScript
- Build Tool: Vite
- State Management: Vuex
- HTTP Client: Axios
- UI Components: Element UI or Element Plus
https://github.com/cq-panda/vue.netcore/blob/master/README.md
Run unit tests in vol.vue3
master
To execute the project's unit tests, use the test:unit script.
```
npm run test:unit
```
https://github.com/cq-panda/vue.netcore/blob/master/vol.web/README.md
Lint and fix files in vol.vue3
master
To run linting and automatically fix style or syntax issues, use the lint script.
```
npm run lint
```
https://github.com/cq-panda/vue.netcore/blob/master/vol.web/README.md
Initialize the translation utility
master
To enable multi-language support in your Vue application, call the init method and pass your Vue application instance. This registers global properties ($ts, $tst, $changeSource) and loads the necessary language scripts via an AJAX request to the lang/{lang}.js endpoint.
https://github.com/cq-panda/vue.netcore/blob/master/vol.web/src/uitils/translator/index.js
Install the VolForm component
master
To use the VolForm component globally in your Vue application, use the install method provided by the VolForm object. This registers the VolForm component with the Vue app instance, allowing you to use <VolForm /> in any template.
https://github.com/cq-panda/vue.netcore/blob/master/vol.web/src/components/basic/VolForm/index.js
Install the VolTable component
master
To use the VolTable component globally in your Vue application, use the install method provided by the VolTable object. This registers the component under the name VolTable.
https://github.com/cq-panda/vue.netcore/blob/master/vol.web/src/components/basic/VolTable/index.js
Install and use the ViewGrid component
master
The ViewGrid component provides a tabular view for displaying data. To use it in a Vue 3 application, install it as a plugin using app.use(ViewGrid). This registers the ViewGrid component globally, allowing you to use it in any template via the <ViewGrid /> tag.
https://github.com/cq-panda/vue.netcore/blob/master/vol.web/src/components/basic/ViewGrid/index.js