使用vue2技术写了一个纯前端的静态网站商城-鲜花销售商城

先家看一下网站的整体效果截图:

这个前端静态网站项目主要实现了以下功能:

商城首页、商品分类页、登录注册页、个人中心页、我的收藏页、我的订单页、商品详情页等功能。

最近不是在学习前端开发嘛,肯定要做一些项目来练习以下自己学习到的知识点,所以就做了一个卖花的商城网站,

如果你也再学习前端开发,希望这个文章能帮助到你。

目前这个项目只做了前端,没有对应的后端。

使用的前端技术 和组件如下:

Vue2

Element-UI:UI 组件库选用 Element-UI,提供丰富的交互式组件,帮助快速构建简洁、易用的用户界面。

node版本:Node.js 16.20

如果你是前端开发学习者、或者是正在找类似的网站,希望对你有所帮助。这个网站开发完整后,部署了一个演示站,有兴趣的可以去看一下:

test.wwwoop.com/?s=flower-m...

最后给大家看一下 搭建这个项目的目录结构:

相关推荐
子兮曰2 小时前
async/await高级模式:async迭代器、错误边界与并发控制
前端·javascript·github
恋猫de小郭2 小时前
2026 Flutter VS React Native ,同时在 AI 时代 VS Native 开发,你没见过的版本
android·前端·flutter
GIS之路4 小时前
ArcGIS Pro 中的 Notebooks 入门
前端
IT_陈寒5 小时前
React状态管理终极对决:Redux vs Context API谁更胜一筹?
前端·人工智能·后端
lemon_yyds6 小时前
《vue 2 升级vue3 父组件 子组件 传值: value 和 v-model
vue.js
Kagol6 小时前
TinyVue 支持 Skills 啦!现在你可以让 AI 使用 TinyVue 组件搭建项目
前端·agent·ai编程
柳杉6 小时前
从零打造 AI 全球趋势监测大屏
前端·javascript·aigc
simple_lau7 小时前
Cursor配置MasterGo MCP:一键读取设计稿生成高还原度前端代码
前端·javascript·vue.js
睡不着先生7 小时前
如何设计一个真正可扩展的表单生成器?
前端·javascript·vue.js
天蓝色的鱼鱼7 小时前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范