[DncZeus帮助文档]DncZeus项目结构解析

DncZeus 作者: Rector 1397 次阅读 · 读完约需 4 分钟 收藏本文

郑重申明:本文未经许可,禁止任何形式转载

DncZeus项目结构解析

前言

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开发基础的都应该可以明白项目的目录结构。所以,这里不再详细分解每个文件夹的作用和意义。

阅读了该文章的人还浏览了...

本文永久链接码友网 » [DncZeus帮助文档]DncZeus项目结构解析

发布于: 2018-12-27 13:54:27
分享扩散:

发表评论

登录用户才能发表评论, 请 登 录 或者 注册