前言：这个系列将使用最前沿的cursor作为辅助编程工具，来快速开发一些基础的编程项目。目的是为了在真实项目中，帮助初级程序员快速进阶，以最快的速度，效率，快速进阶到中高阶程序员。本项目将基于谷粒商城项目，并且对谷粒商城项目进行二次重构，使其满足最新的主流技术栈要求。一、为什么重构谷粒商城谷粒商城是一个典型的 B2C（Business to Customer）电商项目，专注于实现线上商品交易平台的
今年上半年，我用 Vue 写了一个商城项目并开源到 GitHub 网站，项目的预览图如下：主要用到的技术栈为 Vue 和 Vant，版本分别为 Vue2.6.10 和 Vant 2.5.0，至今为止，已经开源到 GitHub 小半年时间了。上个月，Vue 3.0 正式版发布了，有不少朋友问我会不会把 newbee-mall Vue 版本升级到 3.0，我通常都是给出肯定的答案，不过之前手头上一直有
转载
2021-05-14 14:08:36
380阅读
在自己的电脑下载了npm 与 node的情况下 可使用vue-cli快速构建vue项目执行命令如下：# 全局安装 vue-cli
$ npm install -g vue-cli
# 创建一个基于 "webpack" 模板的新项目
$ vue init webpack my-project
# 安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev/
转载
2023-07-04 02:33:56
76阅读
原创
2022-09-05 17:22:14
510阅读
改造新闻的路由链接把a链接改成router-link<router-link to="/home/newslist">
<div class="mui-media-body">新闻资讯</div>
</router-link>匹配路由import NewsList from './components/news/NewsList.vue'
{ pa
转载
2023-07-26 22:56:09
177阅读
首先 我们为什么重构这个项目1：我们现有的技术是前后台不分离，页面上采用esayUI+jq构成的单页面，每个所谓的单页面都是从后台胜场的唯一Id 与前端绑定，即使你找到了那个页面元素，也找不到所在的文件，因为这个id是随机生成的，而页面的id绑定是由后台传回来的Id获得。2：前后端项目融合在一起，UI框架与jQ使用，对于前端开发人员来说，从最简单的项目启动与调试，都是很繁琐的事情。3：jsp与后台
样式操作 1.获取样式 attr("class")， 2.设置样式attr("class","myclass")， 3.追加样式addClass("myclass")(不影响其他样式)， 4.移除样式removeClass("myclass")， 5.切换样式toggleClass("myclass")， 6.判断是否存在样式
目录产品预览准备工作项目开始页面结构和根组件 app.vue编写底部导航栏编写路由编写Home页面顶部标题栏轮播图产品预览准备工作src目录下创建项目apiassets(fonts, img, js, scss)basecomponentspagesrouter1、引入assets下的字体文件，然后配置scss。(_variables.scss、_mixins.scss、_reset.scss、_
转载
2024-07-21 09:21:51
27阅读
1.全局安装webpack npm install webpack -g 2.全局安装vue脚手架 npm install -g @vue/cli-init npm i -g @vue/cli-init 3.初始化项目 新建 vue-demo文件夹 然后 cmd vue init webpack v ...
转载
2021-09-14 22:38:00
222阅读
2评论
props传递数据slot传递标签swiper实现轮播图，实现商品分类npm install --save swiper2.lass="swiper-wrapper"> <div class="swiper-slide">Sli..
原创
2022-09-13 12:46:24
190阅读
商城加载太慢，分析原因。 1.图片大，加载慢 2.数据查询多，加载慢 处理一，通过lazyload来延迟图片加载，效果一般。 处理二，重构查询 原来的查询，分类获取商城数据，每多一个分类，就要多一次数据查询。这个很耗费时间。 慢就慢在要多次查询数据库，分类越多，查询次数越多。 重构思路，一次获取所有
原创
2021-08-05 16:21:42
141阅读
有赞技术 有赞coder 2020-08-07作者：晓旭 & 茄子 & 时文涛部门：有赞电商移动组背景订单是电商服务的核心场景之一，微商城客户端的订单模块已经服务了商家多年，功能和体验上和 PC 端有一定的差距。为了弥补不足，提升商家的体验，产品经过一系列数据调研，发起了微商城订单模块的重构项目。作为“乐于重构”的开发者，在此次重构中以增强代码维护性以及线上稳定性为目的，接受了这
原创
2021-04-30 22:37:14
472阅读
目录一、清空项目非必要文件二、样式初始化三、网站结构布置四、网站数据请求模块4.1、发起请求4.2、代理配置4.3、API与Request封装4.4、发起请求五、头部组件5.1、版心样式5.2、基本布局5.3、Vue中关于Can't resolve 'less-loader' in...错误 六、路由配置关于重复点击同一个路由出现的报错问题解决项目搭建前的命令行确保node和npm 已经
转载
2024-05-25 16:41:01
416阅读
10月份换了新的工作，参与完一个月的需求迭代后，接到了项目重构的任务。简单来说，需要在短时间内提出方案设想，同时进行本地验证，最终需要拿出一套技术替换方案来。于是，埋头苦干了一个月，总算干了点成绩出来，今天把当时的思考和实践做个简单总结，就当是个复盘吧。 一、老项目现状 最初接触到的老项目，使用到的前端技术栈主要是（jQuery1.8 + layui-v2.5.4 + ExtJS4.2.1
转载
2023-10-31 17:05:39
192阅读
发表评论把文本框做双向数据绑定<textarea placeholder="请输入内容" maxlength="120" v-model="msg"></textarea>data中 msg: “” // 评论 输入的内容为发表按钮绑定一个事件<mt-button type="primary" size="large" @click="postCom...
原创
2021-09-02 09:59:25
721阅读
改造新闻的路由链接把a链接改成router-link<router-link to="/home/newslist"><div class="mui-media-body">新闻资讯</div></router-link>匹配路由import NewsList from './components/news/NewsList.v...
原创
2021-09-02 09:59:26
344阅读
在这篇博文中，我将分享如何解决“python vue商城源码”这个主题。在当今快速发展的电子商务环境中，借助Python和Vue.js构建一个完善的商城系统，可以大大提高开发效率和用户体验。接下来，我将通过多个结构模块来详述这一过程。
## 背景描述
随着电子商务行业的快速发展，开发一个高效、美观且可扩展的商城系统变得愈加重要。使用Python和Vue.js这两种流行技术可以有效提升开发和用户
将项目源码托管到oschina 码云 中点击头像 -> 修改资料 -> SSH公钥 如何生成SSH公钥如果已经创建过，则公匙位置C:\Users\ASUS.ssh，id_rsa.pub文件夹打开复制即可创建自己的空仓储，Git 全局设置。使用 git config --global user.name "用户名" 和 git config --global user.em...
原创
2021-09-02 09:59:27
466阅读
目录一、项目结构1.项目截图 2.项目简介3.项目布局二、首页1.效果图2.源码三、商品详情1.效果图2.源码 四、分类1.效果图五、购物车、提交订单1.效果图 六、个人中心 1.源码结构 &n
