开源框架.netCore DncZeus项目结构解析

DncZeus项目结构解析

转自:

https://codedefault.com/p/solution-structure-introduction

 

前言

DncZeus是一个基于ASP.NET Core WebApi + Vue.js的前后端分离的项目框架。既然是前后端分离,那么就应该有前端项目和后端项目。本文就从前后端的项目结构上来解析DncZeus的组成:

  • 前端项目:[DncZeus.App]
  • 后端项目:[DncZeus.Api]
  • 数据库脚本:[Scripts]

DncZeus项目文件结构如下图:

DncZeus项目文件结构

前端项目(DncZeus.App)

这里使用VS Code打开前端项目DncZeus.App,文件目录结构如下:

文件目录DncZeus前端项目DncZeus.App文件目录结构

前端项目文件夹

  • dist:存放打包后项目资源的文件夹,每一次运行npm run build命令后,都会先删除此文件夹中的所有文件,然后再将新的项目打包文件资源文件放入其中。
  • node_modules:前端依赖包的文件夹,项目本身不包含此文件夹(只有在使用npm或者yarn包管理工具后才会有)。
  • public:项目的公共资源文件夹,主要存放了前端项目首页的模板文件(index.html)以及网站图标(favicon.ico)。
  • src:前端项目中最重要的文件夹,所有系统源代码均存放于此文件夹中。
  • vue.config.js:前端项目的环境配置文件。你可以在此文件中指定项目生成的路径,以及配置本地前端服务的端口(默认前端服务端口为:9000)。

src文件夹

  • api:存放所有与后端的Ajax接口方法
  • assets:存放前端项目[DncZeus.App]需用的静态资源文件,包括但不限于图片,图标等
  • components:存放前端项目[DncZeus.App]的所有通用的Vue组件
  • config:存放前端项目[DncZeus.App]的全局参数配置
  • directive:存放前端项目[DncZeus.App]的Vue指令
  • libs:存放前端项目[DncZeus.App]的通用方法,工具函数以及Ajax请求的拦截和封装等
  • locale:存放前端项目[DncZeus.App]的多国语言包
  • mock:存放前端项目[DncZeus.App]模拟测试数据(可忽略)
  • plugin:存放前端项目[DncZeus.App]的Vue插件
  • router:存放前端项目[DncZeus.App]的路由拦截和路由配置等
  • store:存放前端项目[DncZeus.App]的全局状态管理(基于vuex)
  • view:存放前端项目[DncZeus.App]的视图页面,所有业务有关的页面视图均放到此文件夹中

后端项目(DncZeus.Api)

DncZeus.App其实就是一个常规的ASP.NET Core WebApi应用程序。

由于考虑到项目的简单,易懂,所以只创建了一个单项目,并且目前没有对其进行复杂的架构和封装。相信只要有一点.NET开发基础的都应该可以明白项目的目录结构。所以,这里不再详细分解每个文件夹的作用和意义。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值