查看原文
其他

学会这招,一天做一个项目!

鱼皮 程序员鱼皮 2022-11-25

最近在直播带大家做新项目,欢迎参与

大家好,我是鱼皮。首先强调,这篇文章不是标题党,而是真真实实地给大家分享我快速开发项目的一个套路。

相信很多学编程或者做编程方向工作的同学都曾经有过这样的迷茫:感觉我写的代码、做的项目都很简单,每天都是重复写增删改查,没什么成长,浪费了很多时间。

这是再正常不过的了!

但是,但你意识到自己在反反复复做同样的、机械的工作时,就应该思考:如何提升自己的开发效率、减少重复工作了。

像我从大学就开始做项目,那会儿为了学习,刻意尝试过各种前后端开发框架和工具。其中很多框架都很好用,支持自动生成代码之类的。但每当我以为自己当前用的框架就是最方便、最强大、最好用的时候,就会有一款新的、更强大的框架出现,这些年我也是见证了各种框架的更新迭代、优胜劣汰。。。

所以技术真的是学不完的,但我们要做到的是:找到一个真正适合自己的做项目套路,自己开发又快又爽就完了。

下面分享一下我摸索出来的,也是目前比较喜欢的项目开发套路,真的是又快又灵活!我直播带大家开发的新项目 —— API 开放平台中就用到了这个套路,大家可以 点这里看视频教程 了解。

如果你掌握了这个套路,一个做一个完整项目是绝对可行的!

一个项目的基本元素

首先,我们先梳理一个项目通常会有哪些需求、或者说开发一个项目通常要做哪些事情?

从两个角度来看吧。

技术实现上:

  1. 要有前端界面,前端要有通用布局
  2. 要有后端接口,后端要能保存登录态、对数据库进行增删改查
  3. 前后端要对接联调

业务逻辑上:

  1. 要有用户登录、注册
  2. 要有权限控制
  3. 要有对各类数据的管理(增删改查)

我们做任何项目,基本上都少不了上面说的这些东西对吧。那问题来了,我们有必要每次做项目都反复开发这些共性功能、写重复代码么?

当然不用!记住这句话:只要是重复的代码,肯定都是可以自动生成的。(无非就是你觉得有没有必要)

网上也有很多自动生成代码的工具、现成的管理系统项目等等,但是如何合理运用它们,让我们生成代码又快又灵活呢?

接下来,看一下使用我的项目开发套路,如何轻松完成一个基础项目。

项目开发套路

我们要用到的核心框架(工具 or 代码)有 5 个:

  1. Ant Design Pro 前端脚手架
  2. Spring Boot Init 初始化后端模板
  3. IDEA MyBatisX 插件
  4. Swagger 接口文档
  5. Open API 插件

下面依次去讲一下他们的作用,时间有限,详细具体的操作步骤大家可以 点这里看视频教程(第一集)

前端代码生成

Ant Design Pro 是大厂研发的开箱即用的前端开发脚手架(基于 React),适用于快速开发中后台项目。

使用它,我们可以快速实现页面通用布局、前端路由、权限管理、登录注册、内容管理、全局状态管理、部署测试等。

到底有多方便呢?比如我们跟着官方文档输入几个命令:

官方文档:https://pro.ant.design/zh-CN/docs/getting-started

项目应用教程(看第一集)

就能得到下面这个完整的页面,接下来自己修改一下代码就能用了:

要注意,封装得越成熟的框架,隐藏的坑就越多,而且这个框架的更新迭代还是很快的,所以强烈建议大家 仔细阅读最新的官方文档 ,按照文档的要求来使用。

这个框架的可玩性和灵活性还是非常高的,之前我给大家详细讲解过它的作用,可以看 这个项目教程(看第一集)

总之,使用这个框架,你就得到了现成的前端页面代码。

后端代码生成

前端代码能生成,后端代码当然也可以生成啦!

只不过后端的关注点和前端不同。一个最基本的后端项目一般会包括:web 接口、数据访问、权限管理、会话管理、缓存、测试、日志、接口文档等通用能力。这些通用的能力,我们只要写一次,然后做一个独立于任何具体业务逻辑的通用后端项目模板即可。

我自己使用最多的后端框架还是 Java Spring Boot,所以也是自己封装了一个 万用后端项目模板 ,上面提到一些通用功能我基本都加上了。星球的同学可以直接访问 https://t.zsxq.com/08yoXSkDF 来获取并使用(这个模板依然会持续更新):

当然了,封装模板的难度并不大,所以大家也可以自行沉淀一套。

有了通用的模板后,我们要根据业务逻辑去编写各种数据表的增删改查代码,这里推荐大家直接使用 IDEA 的 MyBatisX 插件:

插件是免费的,使用它可以快速根据数据表生成通用的数据访问 service、mapper、entity 代码:

前后端联调

最后这部分最关键,前端页面代码能生成、后端代码能生成,那前端和后端联调的代码是不是也能生成呢?

当然!而且这部分的代码生成是最爽的!

传统开发中,都是后端提供给前端接口文档,然后前端再根据接口文档去写调用后端接口的代码(比如 axios)对吧?

那为什么不直接根据后端提供的接口文档来生成调用后端接口的代码呢?

Ant Design Pro 的 openapi 插件就提供了这个能力,只要我们的后端项目提供一个遵循 openAPI 接口规范 的接口文档(比如使用 Swagger 或 Knife4j 自动生成接口文档),插件就能根据这个文档来 生成前端调用代码、TypeScript 类型和模拟数据

使用方法可以参考官方文档:

参考:https://pro.ant.design/zh-CN/docs/openapi/

项目应用教程(看第一集)

如果你是一个全栈开发者,那么用这个套路就更爽了。生成前端 => 使用后端模板 => 设计库表 => 生成访问数据表的代码 => 生成接口文档 => 生成前端调用代码和类型,真正的一把梭。

以上只是快速做项目的方法之一,大家肯定也有自己习惯的套路、珍藏的代码,也希望大家在日常学习和开发中能有意识地去沉淀一些东西,而不是一直机械地工作,共勉吧~



欢迎学编程的朋友们加入我的 编程知识星球 ,我会 1 对 1 解决你的问题,并且直播带大家开发完整项目(第三期项目进行中)。可以加我微信 yupi5927,备注【加入星球】和自己的情况领取优惠加入星球,不备注不通过,非诚勿扰谢谢。

往期推荐

我的学习小圈子

我的新项目来啦!

别担心,我们都一样!

自我介绍,千万别来虚的!

出息了,自己做一个短链服务

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存