首页 > 其他分享 >前后端项目初始化

前后端项目初始化

时间:2023-05-31 09:02:02浏览次数:47  
标签:初始化 git 删除 文件 代码 前后 生成 提交 项目

前端

前端项目初始化(Ant Design Pro)

步骤:

  1. 按照官方文档初始化

https://pro.ant.design/zh-CN/docs/getting-started/

  1. 项目试运行(npm run dev / start)
  2. 代码托管
  3. 移出不必要的能力,对项目进行瘦身(比如国际化)

自动生成增删查改代码

后端可以用mybatisX插件生成代码,那前端可以自动生成增删查改代码吗? 是可以的!

(这里是根据后端生成的后端接口地址自动生成前端增删查改的代码)

步骤:

  1. 修改config.ts

  1. 在package.json中运行openapi

看,它竟然神奇的生成啦!(后端程序猿发现新大陆啦!)

  1. 修改app.tsx

  1. 测试结果

修改index.txt

前端默认代码优化(瘦身)

目的:把不需要使用到的文件给清除,对项目进行瘦身。

一. 项目备份(代码托管)

步骤:

  1. 使用git init进行初始化本地项目,防止万一删错了文件,方便用git进行还原。

git init 是一个 Git 命令,用于初始化一个新的 Git 仓库。运行 git init 命令后,会在当前目录下创建一个 .git 目录,其中包含了 Git 版本控制所必需的所有文件和子目录。此外,该命令还会创建一个名为 “master” 的默认分支,用于提交改动。通过使用 git add 命令添加文件和 git commit 命令提交改动,您可以在该新仓库中添加文件并进行版本控制。

  1. 使用 git add .把项目中的代码添加到git,其中.表示所有文件。(添加所有更改到暂存区
  2. 使用git commit -m 'first init'把代码进行临时保存。(提交更改,并添加提交信息

该命令用于在Git中提交更改,-m选项为提交消息,在引号中输入提交的信息,通常是指此次提交的更改描述。在这里,“first init”可以表示此次提交为初始提交或是创建了一个新的仓库。

需要注意的是,使用该命令提交代码之前,需要将更改加入到Git的暂存区中,即使用git add命令将更改添加到暂存区中,然后再使用git commit命令提交。

二. 项目瘦身

  1. 去除国际化

在package.json文件中运行i18n-remove

把国际化语言的包也给删了

  1. 删除oneapi.json

这个东西没什么用,是一个示例数据

  1. 删除mock

里面存储了一些模拟数据,因为我们本地已经有了前后端,mock也就不会使用了

  1. 图标可以删除

  1. 替换Logo

替换 Logo,去 https://www.iconfont.cn/ 搜索,替换 favicon,使用 http://libowen.com/tool/ico/ 生成

  1. 可以这个swagger给删了

  1. 删除mainfest.json

mainfest.json作用:开发APP/H5网页 指定不同的配置

  1. 删除test文件

删除测试文件

  1. 删除types文件

  1. 删除jest.config.ts

jest.config.ts,单元测试框架

  1. prettier、eslint、editorConfig、stylelint,需要开启 prettier 美化配置

替换网站标题名称

全局替换 Ant Design Pro 和 Ant Design

后端(SpringBoot)

后项目初始化

步骤:

  • 解压并打开星球后端万能模板
  • 修改application.yml文件
  • 运行sql脚本
  • 根据需求修改后端万能模板代码(可以根据里面的TODO快速定位并根据提示进行修改)

自动生成增删查改代码

  1. 选中要进行增删查改的表
  2. 右键选中MybatisX-Generator

  1. 这个插件有一些bug,选中模块后点击下一步

  1. 根据下图进行相应的选择,并点击Finish

生成的文件

  1. 把生成的文件放到正确的位置

例如:把生成的mapper文件拖拽到你项目中真正需要放置mapper的位置进行重构(注意四拖拽过去不是复制进去)

domain和service也是和mapper一样的步骤

由于我用的是鱼皮的后端万能模板(即有老的模板),所以还有一些内容需要修改。

我已user类为例,MybatisX自动生成的domain也需要修改

  1. 修改user类中主键自动增长的方式。
@TableId(type = IdType.ASSIGN_ID)	//把IdType.AUTO改为IdType.ASSIGN_ID
private Long id;
  1. 添加逻辑删除注解
@TableLogic
private Integer isDelete;

我们启动项目的时候可能会报错,如下图所示

原因是鱼皮万能后端模板集成了其他的技术(比如第三方登录),导致启动可能会报错。

把不需要用的功能给删除即可。

标签:初始化,git,删除,文件,代码,前后,生成,提交,项目
From: https://www.cnblogs.com/galo/p/17445049.html

相关文章

  • python二维数组初始化
    >>>a=[[0]*3foriinrange(3)]>>>a[[0,0,0],[0,0,0],[0,0,0]]>>>a[1][1]=121>>>a[[0,0,0],[0,121,0],[0,0,0]]>>>a[0][0]=11>>>a[[11,0,0],[0,121,0],[0,0,0]]>>>......
  • 即时设计—小组项目原型示例(附AI功能)
    (官网:js.design)即时设计——可云端编辑的专业级设计工具更简单高级的功能,支持多人实时协作,颠覆传统软件的设计形态。特点简介:即时设计是中国版的Figma,适用于团队合作和远程协作。它具有强大的实时协作功能,多人可以同时编辑和评论设计文件。它还具有内置的原型设计功能,可以创......
  • UE4 源码解析----引擎初始化流程
      在研究UE4的源码过程中着实不理解的地方有很多,今天给大家分享一下UE4引擎的初始化流程。一、引擎的函数入口C++的函数入口都是Main()函数入口,UE4也是一样,Engine\Source\Runtime\Launch\PrivateWindows函数入口 引擎入口函数为:GuardedMain 二、引擎初始化的三个阶......
  • VuePress v2.0 项目创建
    VuePressv2.0项目创建参考:VuePressv2.0文档1.创建文件夹我创建了一个文件夹,然后在文件夹中打开了powershellE:\2023个人项目\terramours-starter2.初始化项目gitinitpnpminit3.运行创建命令pnpmadd-Dvuepress@next@vuepress/client@nextvue构建后的文件......
  • 结构体就算不用构造函数也可以初始化
    标题结构体就算不用构造函数也可以初始化#include<iostream>#include<vector>#include<algorithm>#include<string>#include<queue>#include<set>usingnamespacestd;structstateAndLevel{ stringstr; intlevel;};queue<stateAndLevel>......
  • 若依菜单改造(三):根据不同项目,加载动态菜单
    需求切换项目,加载不同的菜单项。效果:思路实现方式加载的菜单项数据不同,那么要请求接口,根据返回数据渲染菜单。因此,路由不能通过菜单管理方式添加,也不能在router.js中写死,只能用router.addRoutes()动态添加。添加时机全局监听项目id,切换项目时,触发router.addRoutes......
  • hj_podman_jenkins_maven_git_springboot_ssh一键部署项目
    podmanpulljenkins/jenkins:jdk17podmanrun-d--privileged=true\-uroot--namejenkins_jdk17_8081\-p8081:8080-p50001:50000\-v/hj_files/jenkins_jdk17:/var/jenkins_home\a307650508c6http://105.35.260.230:8081/ 安装好推荐配置后.再安装俩插件  Mave......
  • 九大组件初始化
    1上图2九大组件是在DispatcherServlet的onRefresh方法中初始化的3根据断点可以看出Tomcat启动会触发HttpServletBean的init方法,后续会进行容器的刷新触发refresh方法,容器刷新之后会发布事件4FrameworkServlet实现了监听器 5监听会触发开始的onRefresh方法 6总结......
  • springboot-解决项目编译后resources下文件生成乱码问题
    SpringBoot项目下resources文件项目编译之后resources下文件会生成乱码,是说明maven打包的时候出现问题缺少一个插件<plugin><groupId>org.apache.maven.plugins</groupId><artifactId>maven-resources-plugin</artifactId>......
  • 在node项目中使用log4.js记录日志
    1.在项目根目录创建保存日志文件的文件夹logs2.修改.gitignore文件,添加logs文件夹,这样使用git提交进忽略logs文件夹。node_modules.envlogs3.在config文件夹下新增log4j.js文件保存log4js的配置,路径:./src/config/log4j.js//config.jsletpath=require('pat......