Location>code7788 >text

NET 7 + Vue Permission Management System - Getting Started with .

Popularity：764 ℃/2024-08-15 10:42:44

preamble

Today we recommend a super practical open source project ".NET 7 + Vue permission management system for white people to get started quickly ".DncZeusThe vision is to make a .NET domain can also be a white man on the simple, common backend permissions management template system base framework .

Whether you are a technical white or technical big brother or do not understand the front-end Vue novice, this project can quickly get started to let us from 0 to 1, to build their own general backend permissions management system, to master the backend permissions management system building skills and the system's basic framework.

It not only covers the whole process from setting up the environment to realizing the core functions, but also pays special attention to making it easy for even beginners to get started. Whether you want to deepen the understanding of the new technology through the actual combat, or want to upgrade the rights management function for their own projects, let this project become a good helper for everyone. Expect that we can all become a big brother from a small white!

Projects

DncZeus is a . NET 7 and based on the front and back of the separation of the general back-end management system framework .

The backend is built using .NET 7 and Entity Framework Core, while the frontend uses the popular iView UI framework.

The project implements dynamic rights management and control at the front and back ends as well as a JWT-based user token authentication mechanism to ensure smooth interaction between the front and back ends.

Please note: DncZeus is not a complete business system, but it provides most of the development scenarios required by a business system to help .NET developers quickly build single-page applications (SPAs) that are well-interacted, have a great experience, and are rich in functionality.

Project Characteristics

  • technology stackNET 7 + EF Core for the backend and iView (iview-admin) for the frontend.
  • Newbie friendly: Designed with simplicity in mind for newcomers and clear code logic.
  • Rights Management: Implement generic back-end privilege management with precise control over page access and action buttons.

Project technology

  • .NET 7
  • Core WebAPI
  • JWT Token Authentication
  • AutoMapper
  • Entity Framework Core 7
  • NET 7 Dependency Injection
  • Swagger UI
  • (ES6 syntax)
  • iView (based on the UI framework)

Environmental tools

1. (Also install npm front-end package management tool)

2、Visual Studio 2022

3, VS Code or other front-end development tools

4, git management tools

5. MySQL, PostgreSQL or SQL Server (SQL Server 2012+)

Suitable for people

What you need to know about DncZeus，DncZeus NET developers can easily get started, so the back-end project does not involve complex architecture and packaging, the code logic is intuitive and easy to understand.

To better familiarize and applyDncZeus, you need to understand the following techniques:

  • .NET 7: Make sure you can read and understand the back-end implementation and how it works.
  • : The basis for front-end implementation.
  • iView: a UI framework based on theDncZeus The front-end UI interactions are based on this framework.

If you are not familiar with these techniques, it is recommended that you learn some of the basics before using theDncZeus。

Here are the official resources for learning these techniques:

  • NET 7 Official Documentation：access link
  • official document：access link

Download Project

1、Git tool download

First, make sure that the Git management tool is installed on your local development environment, and then create a new directory where you want to store your project.

Open the Git command-line toolGit Bash Here, enter the following command on the command line:

git clone /lampo1024/

The above command puts the DncZeus source code pulls to your local development machine.

2、Manual download

If you don't want to use the Git management tool download theDncZeus The source code of theGithub Manual download.

Open address/lampo1024/DncZeusClick on the "Code" button on the page, and then click on the "Download ZIP" button in the pop-up dialog box to download the file.DncZeus source code, as shown below:

Installation of dependencies

1. Front-end projects

Installing front-end dependencies

1. To use the Git management tool, without exiting the current tool, enter theDncZeus of the front-end project directory:

cd DncZeus/

2. If you downloaded the source code manually, please open the command line tool in the directory.

3. Enter the following command on the command line to install the front-end dependency packages:

npm install

Or use abbreviated commands:

npm i

2. Back-end projects

Configuring Database Connections

1. Open the solution in Visual Studio。

2, according to your development environment (the default example is SQL Server Localdb), modify the configuration file The database connection string in the

The example default connection string is:

"ConnectionStrings": {
    "DefaultConnection": "Server=(localdb)\\mssqllocaldb;Database=DncZeus;Trusted_Connection=True;MultipleActiveResultSets=true"
  }

Initialize system data

1. Open the project root directory in theScripts Folder.

2. Execute the script file corresponding to your database type to initialize the system data.

Starting with version v2.1.0, DncZeus supports MySQL, PostgreSQL and MSSQL database types!

You can choose the database that suits your needs.

At this point, all preparations have been completed.

Now you can start experiencing the DncZeus framework!

Initiation of projects

1、Start the back-end service

Open with Visual StudioDncZeus Solution files in the root directoryNET 7. (You can also use VS Code for .NET 7 development.)

set up project as the default startup item and run this project.

Open the address in your browser:http://localhost:xxxx/swagger You can view the implemented back-end API interface services.

2、Starting front-end services

On the command line go to theDncZeus The front-end project catalog of the。

Run the following command to start the front-end project service:

npm run dev

After a successful run, the front-end project service automatically opens in the browser at addresshttp://localhost:xxxx 。

Project Demo

1、Login Information

  • Super Administrator User Name：administrator
  • General Administrator User Name：admin
  • cryptographic：111111
  • Experience Address：

Try logging into the system with different usernames to experience the differences in menu permissions for different roles.

take note of: This is a personal project, experience server configuration is low, please use it lightly, thank you for your understanding and support!

Domestic mirror address：/rector/DncZeus

2. Project effect

login page

System Home

user rights

 

News Center

Project Address

Gitee：/rector/DncZeus

Github：/lampo1024/DncZeus

summarize

If you found this article helpful, why not support it with a like? Your support is what keeps me motivated to continue sharing my knowledge. If you have any questions or need further help, please feel free to leave a comment. You can also join the WeChat public number[DotNet Technician] community to share ideas and grow with other tech-loving peers!

<Previous Next>