beego后端vue前端 nodejs前后分离

本文介绍了使用beego后端框架和vue前端技术构建的购物网站,前端利用vue-cli、Vue和Element-UI实现,详细讨论了vue组件通信、数据绑定等特性。后端部分涉及beego的orm、Controller、Router等,探讨了beego项目中遇到的问题及解决方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

beego与vue 购物网站

源码

一个购物网站,数据库设计如下:
数据库

前端nodejs + vue-cli + Vue + Element-UI

vue

采用element-UI组件。记录一下体验:

    vue整体体验很好,通过router和router-view可以很好的提高前端布局代码的复用性。对我这种不擅长写前端,每次写前端ctrl+c,ctrl+v的真的是非常的友好。另外,数据的绑定、一些指令也是相当的好用
    使用vue-cli工具,需要借助nodejs,可以实现前后端的分离。在vue-cli的工程上,目录结构很清晰,很容易写一个前端。不过需要一些nodejs的知识,不然学起来真的很难受。
    element-UI组件很好使用,不用懂很多css也能写出来很漂亮页面,有种纯写html最后得到带css效果的页面。

笔记:

父子组件通信

  • v-model 数据双向绑定

  • v-on (@)事件

  • v-bind (:) 数据单向绑定

内置指令

<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值