Nucleus 项目使用教程

Nucleus 项目使用教程

Nucleus Vue startup application template that uses ASP.NET Core API layered architecture at the back-end and JWT based authentication 项目地址: https://gitcode.com/gh_mirrors/nucle/Nucleus

1. 项目介绍

Nucleus 是一个 Vue 启动应用程序模板，它使用 ASP.NET Core API 分层架构作为后端，并基于 JWT 进行身份验证。该项目旨在为开发者提供一个快速启动的模板，帮助他们构建现代化的 Web 应用程序。

主要特点：

• 前端: 使用 Vue 3 框架。
• 后端: 使用 ASP.NET Core 6.0，采用分层架构。
• 身份验证: 基于 JWT（Bearer Token）的身份验证机制。
• 日志记录: 使用 Serilog 进行日志记录。
• API 文档: 使用 Swagger 生成 API 文档。

2. 项目快速启动

2.1 环境准备

在开始之前，请确保你已经安装了以下工具和环境：

• .NET Core SDK 6.0
• Node.js 和 npm
• Visual Studio 或 Visual Studio Code

2.2 克隆项目

首先，克隆 Nucleus 项目到本地：

git clone https://github.com/alirizaadiyahsi/Nucleus.git
cd Nucleus

2.3 安装依赖

进入项目目录后，安装前端和后端的依赖：

# 安装前端依赖
cd src/Nucleus.Web
npm install

# 安装后端依赖
cd ../Nucleus.Api
dotnet restore

2.4 启动项目

2.4.1 启动后端服务

在 Nucleus.Api 目录下，运行以下命令启动后端服务：

dotnet run

后端服务默认运行在 http://localhost:5000。

2.4.2 启动前端应用

在 Nucleus.Web 目录下，运行以下命令启动前端应用：

npm run serve

前端应用默认运行在 http://localhost:8080。

2.5 访问应用

打开浏览器，访问 http://localhost:8080，你将看到 Nucleus 应用程序的界面。

3. 应用案例和最佳实践

3.1 应用案例

Nucleus 可以用于构建各种类型的 Web 应用程序，包括但不限于：

• 企业内部管理系统
• 电子商务平台
• 社交网络应用

3.2 最佳实践

• 模块化开发: 使用 Vue 的组件化开发模式，将功能模块化，便于维护和扩展。
• API 设计: 遵循 RESTful API 设计原则，确保 API 的简洁和易用性。
• 安全性: 使用 JWT 进行身份验证，确保用户数据的安全性。

4. 典型生态项目

4.1 Vue 生态

• Vue Router: 用于前端路由管理。
• Vuex: 用于状态管理。
• PrimeVue: 一个强大的 UI 组件库，用于快速构建用户界面。

4.2 ASP.NET Core 生态

• Entity Framework Core: 用于数据访问。
• Swagger: 用于生成 API 文档。
• Serilog: 用于日志记录。

通过这些生态项目的结合，Nucleus 提供了一个完整的开发框架，帮助开发者快速构建和部署现代化的 Web 应用程序。

Nucleus Vue startup application template that uses ASP.NET Core API layered architecture at the back-end and JWT based authentication 项目地址: https://gitcode.com/gh_mirrors/nucle/Nucleus