最近都在说全栈开发，比如用Vue3做好UI，再配合上Django4的后端就行。这俩货可真不赖！我跟你讲讲他们凭啥这么强，学会了你也能做出同样厉害的东西！
一、Vue3介绍
用Vue3做网页界面简直就是得心应手！新响应系统让数据一到就显示出来，省时又好用。再加上CompositionAPI和Teleport两个神器，编程也变得既有趣又高效！
咱们聊到了Vue3的话题，说组件就像是网页上的小装饰品，能让页面整齐有序。不管添加新功能还是修复旧代码，都变得轻而易举。比如说，你看那种点一下就能蹦出”你好世界”字样的组件，是不是觉得特别容易搞定呀?
二、Django4介绍
嘿哥们儿，知道吗？现在超火爆的Python后端框架就是Django4，用起来真的让人欲罢不能！它跟咱们熟悉的MVC模型差不多，分成视图、模型、控制器这三个部分，简单易懂。更厉害的是，这个框架还能自动生成后台管理界面Admin页，还有ORM（对象关系映射）和表单验证这些实用工具，简直就是神器级别的！
记好了，Django里面的Model这个东西就是用来管理数据和存储的。比如说”用户”这个概念，你想放啥关于用户的信息都行！
三、Vue3和Django4的结合使用
纠结啥？要不要学全栈开发？其实只要学vue3前端跟django4后端就好！接下来告诉你咋搞定这俩玩意儿。
vue create myproject
前端开发（Vue3）
cd myproject npm run serve
首先学着用命令行搞定Vue3的项目搭建，这样就能快速搞定布局和必要的代码库了。接下来，我们就开心地上手做网页！利用组件化技巧哦～
想在网上看到那句”你好世界”吗？超级简单，只需借助那个叫”组件”的小帮手就行~它可是个神器，可以把你写的字转换成网页上能显示出来的图片
export default { data() { return { message: 'Hello World' } } } h1 { color: red; }{{ message }}
后端开发（Django4）
先搞定Django4的套件，接着动手创建新项目！命令行搞定项目构造后，就能启动服务器开始测试咯~
搞定Django4里面的模型设定很关键！咱们来打个比方，比如搞个用户模型，把大家的资料啥的全都录清楚，一看就明了，这样就能明白各种数据间的关联了。
pip install django
前后端交互
django-admin startproject myproject
玩转Vue3，咱就是导演，把Django4当主角演员使唤。前端后台就像配合默契的兄弟俩，前端需要后台的数据，后台就提供答案和支持。
Axios这货就帮忙把HTTP请求发给后台API，搞到我们要的数据，像你想知道谁是你的粉丝什么的也得这样。放心，你只管发起请求，后台就会告诉你有谁，到时根据提示展出来就成了！
cd myproject python manage.py runserver
在后端这边，有个专门接收前台请求和回应的API视图。虽然就只是编写一个简单的接口视图函数而已，但只要前端一发话，我们立马就能从数据库找到他们需要的信息，再原封不动地还给他们！
快跟我学学Vue3和Django4这两门神技，像玩乐高一样把它们组合起来，轻松搞定全栈开发。首先用前端组件搭建网站外观，再用后端模型设计数据库，最后加入API视图让前后端互通有无。这样一整套下来，就能打造出运行快如闪电、功能强大无比的Web应用了！
from django.db import models
class User(models.Model):
name = models.CharField(max_length=50)
email = models.EmailField(max_length=254)
哥儿几个，咱得多学点儿Vue3和Django4，以后当个牛逼的全栈工程师！
评论0