被迫零基础前端开发毕设，三个步骤拿下vue3增删改查

首先让我感谢伟大的vue3+element-plus+chatgpt开发者，没有你们，我这拙劣的前端技术简直无法完成我的毕设！

不知道有多少同学是跟我一样，觉得前端代码看着很繁琐，页面布局聊无头绪的？只了解过HTML,CSS,JS，却没有动手开发过项目？

作为一个完全不会后端开发的我，在选下毕设开发的时候，发现一个问题，这前端怎么办？

摆在面前的方法有两种（当然，付费的我们就跳过了）

• 跟别人合作，别人负责完成前端开发，自己完成后端开发
• 学一波全栈，自己完成，反正前端入门还是比较简单

为什么第一个选项被我pass了呢，因为毕竟做的是毕设，自己设计上来说肯定不会太完善，从0到1的构建一个项目肯定存在很多的不足，缝缝补补在所难免，合作起来很麻烦，所以索性还不如自己做。

当然，对前端来说，入门挺简单的，但道理是道理，实践是实践。对我这种心态来说，就是想速成，连B站速成视频都不看不下去，只想更速成，把想要的页面展示出来就是成功。

所以就开始了我的前端之旅，经过踩了一些坑后，我总结下来，是三个步骤，一看二问三总结

首先是一看，看什么呢，首先是看前端三件套，CSS+HTLM+JS，这三个应该是必不可少的，当然，会看的很快，基本看不出来什么。看得看过一遍才行，知道每个部分写的是什么东西，CSS是我觉得最复杂的部分，布局样式什么的，很麻烦。其次是看vue3的快速上手文档，直接创建一个新的vue项目，最后是引入element-plus，这个是能让我完成增删改查的最大帮手，有了它，撒把米在键盘上，鸡都能写出页面来。看完这些后，直接开始创建项目，进行最基础的框架搭建。

第二是二问，首要是问问chatgpt，虽然复杂的东西gpt无能为力，但是只要你适当的提问，并且给他一定的代码基础，他还是能给出一定想要的结果。比如你不知道怎么搭建前后端分离的一个框架，就可以直接问gpt“如何使用vue3搭建前后端框架”，然后根据给出的代码，基本就能有基本的流程思路。对了，使用的组件库我推荐基于vue3的element plus，基本能覆盖你想实现的前端效果，如果没有的话就需要自己去实现了。如果chatgpt没有合适的答案，可以看一下vue3的官方文档和直接谷歌搜一下，基本都能有想要的结果。

我推荐从登录/注册界面入手，因为登录界面简单，但该涉及到的都有涉及到，比如输入框，表单，按钮，居中布局，数据交互...比如，你可以提问“使用vue3+element plus实现一个登录界面，使用ajax，访问接口为localhost:8080/api/example”，在给出代码的基础上，可以再对gpt提问，附带上你的基础代码，进行更多的修改。

第三是总结，不能光写完一个页面，就忘记一个，增删查改的内容就那么点，写几个请求函数，改几个样式。慢慢总结chatgpt给出的vue3的js写法，毕竟有后端开发的基础，所以你写几个页面后会发现，要写的内容都差不多，基础的增删改查不过如此。当然，没有觉得前端简单的意思，毕竟我完全就是摸着石头过河，能过去就行，鞋湿了也没关系。

对后端开发同学来说，有dao层，有controller层，有service层，那前端是怎么样一个分层呢？这个我其实没怎么去了解过，纯是以一个后端开发的思维去编写。唯一值得说的是，在写前端的时候，也不要嫌麻烦，也要像后端代码一样，把相应功能的代码进行分类。具体怎么做就不说了，因为写着写着就会明白该怎么去分类会写的更舒服，维护起来更方便。