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

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

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

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

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

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

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

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

Vue2

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

node版本:Node.js 16.20

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

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

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

相关推荐
非凡ghost20 小时前
MPC-BE视频播放器(强大视频播放器) 中文绿色版
前端·windows·音视频·软件需求
Stanford_110620 小时前
React前端框架有哪些?
前端·微信小程序·前端框架·微信公众平台·twitter·微信开放平台
洛可可白20 小时前
把 Vue2 项目“黑盒”嵌进 Vue3:qiankun 微前端实战笔记
前端·vue.js·笔记
学习同学21 小时前
从0到1制作一个go语言游戏服务器(二)web服务搭建
服务器·前端·golang
-D调定义之崽崽21 小时前
【初学】调试 MCP Server
前端·mcp
四月_h21 小时前
vue2动态实现多Y轴echarts图表,及节点点击事件
前端·javascript·vue.js·echarts
文心快码BaiduComate1 天前
用Zulu轻松搭建国庆旅行4行诗网站
前端·javascript·后端
正义的大古1 天前
OpenLayers地图交互 -- 章节十八:拖拽旋转和缩放交互详解
javascript·vue.js·openlayers
行者..................1 天前
手动编译 OpenCV 4.1.0 源码,生成 ARM64 动态库 (.so),然后在 Petalinux 中打包使用。
前端·webpack·node.js
小爱同学_1 天前
一次面试让我重新认识了 Cursor
前端·面试·程序员