AppFullStackDemo 项目教程

AppFullStackDemo 项目教程

app_fullstackdemo AppFullStackDemo: DDD/SOLID/CleanCode App .NetCore 3.1 (BackEnd) Angular Material Panel (FrontEnd) React Native (Mobile) 项目地址: https://gitcode.com/gh_mirrors/ap/app_fullstackdemo

1. 项目目录结构及介绍

AppFullStackDemo 项目的目录结构如下：

app_fullstackdemo/
├── docs/
├── src/
│   ├── BackEnd/
│   ├── FrontEnd/
│   └── Mobile/
├── .gitignore
├── LICENSE
├── README-PT.md
├── README.md

目录结构介绍

• docs/: 存放项目的文档文件。
• src/: 项目的源代码目录，包含以下子目录：
  • BackEnd/: 后端代码，使用 .NET Core 3.1 开发。
  • FrontEnd/: 前端代码，使用 Angular Material 开发。
  • Mobile/: 移动端代码，使用 React Native 开发。
• .gitignore: Git 忽略文件配置。
• LICENSE: 项目许可证文件，采用 Apache-2.0 许可证。
• README-PT.md: 葡萄牙语版本的 README 文件。
• README.md: 英文版本的 README 文件。

2. 项目启动文件介绍

后端启动文件

后端项目的启动文件位于 src/BackEnd/ 目录下，通常是一个 .csproj 文件，例如 AppFullStackDemo.csproj。该文件定义了项目的依赖项和启动配置。

前端启动文件

前端项目的启动文件位于 src/FrontEnd/ 目录下，通常是一个 package.json 文件。通过运行 npm start 或 ng serve 命令可以启动前端应用。

移动端启动文件

移动端项目的启动文件位于 src/Mobile/ 目录下，通常也是一个 package.json 文件。通过运行 npm start 或 expo start 命令可以启动移动端应用。

3. 项目配置文件介绍

后端配置文件

后端项目的配置文件通常包括以下几个：

• appsettings.json: 包含应用程序的配置设置，如数据库连接字符串、日志级别等。
• launchSettings.json: 包含开发环境的启动配置，如端口号、环境变量等。

前端配置文件

前端项目的配置文件通常包括以下几个：

• angular.json: Angular 项目的配置文件，包含项目的构建和部署配置。
• tsconfig.json: TypeScript 编译器的配置文件。
• environment.ts: 开发环境的配置文件。
• environment.prod.ts: 生产环境的配置文件。

移动端配置文件

移动端项目的配置文件通常包括以下几个：

• app.json: Expo 项目的配置文件，包含应用的名称、版本号等信息。
• babel.config.js: Babel 编译器的配置文件。
• metro.config.js: Metro 打包工具的配置文件。

通过以上配置文件，可以对项目的各个部分进行详细的配置和调整。

app_fullstackdemo AppFullStackDemo: DDD/SOLID/CleanCode App .NetCore 3.1 (BackEnd) Angular Material Panel (FrontEnd) React Native (Mobile) 项目地址: https://gitcode.com/gh_mirrors/ap/app_fullstackdemo