JadeTony-优快云博客

原创基于Vue和SSM的购物商城

前端技术栈：vue、router、axios、pinia、element-plus、node.js、npm、vite。后端技术栈：Spring、SpringMVC、MyBatis、MySQL、Maven、Tomcat。并且加入了推荐算法，首页的商品可进行个性化推荐，项目前后端分离，符合企业级要求，代码量。

2024-08-16 18:06:20 328 1

原创基于Vue和SSM的购物商场（代码）

该项目可用于期末大作业、毕业设计等，业务流畅，操作简单，稳定运行。项目前后端分离，符合企业级要求，代码量16000+，功能丰富，诚意满满。并且加入了推荐算法，首页的商品可进行个性化推荐，物超所值。

2024-08-16 18:03:28 151

原创前后端分离项目中图片的上传和获取

前端使用VS code作为代码编辑器，技术栈涉及vue、axios和element-plus，后端使用IDEA作为代码编辑器，技术栈涉及springMVC、spring、mybatis。在上述图片中，点击“上传头像”选择一张图片，将其保存到浏览器的内存中，点击“保存”按钮，将其发送到后端进行保存，并将图片的地址写入数据库。

2024-04-07 17:20:06 3301

原创基于element-plus和element-china-area-data的中国省、市、区的地区选择器

实现新增地址时省、市、区的地区选择，如果使用手写json的方式，由于中国的省、市、区数量很多，会导致工作量很大，且容易出错。

2024-02-18 23:28:28 4404 2

用地址栏来表示的话，相当于整个页面的跳转是“/a”中a的改变，页面中的一部分区域切换是“/a/b”中b的改变。这里我简要做了两个小页面，默认会展示上图中的“个人信息”，即“/personal”，点击第二个后会切换到购物车的部分，即“/personal/shoppingCart”。在父路由中我需要嵌套路由的是页面是personalPage.vue，我将路径设置为“/personal”，此页面的样式如下图。在页面的样式图中，左侧的按钮分别使用编程式路由或声明式路由设置需要切换页面的url。

2024-01-13 14:01:24 601 2

原创在VS Code中自定义vue模板代码

"body": [ ]：数组中的内容为模板代码，每行都需要一对双引号包围，可加入转义字符实现换行（\r\n）和制表符（\t）。本文仅把vue的模板代码作为示范，其他的自定义代码模板大致相同，就不逐个演示了，请小伙伴们自行模仿即可。"Print to vue"：这里的"vue"可以换成其他的，不会有影响，仅仅是作为提示而已。"prefix": "vue"：这里的"vue"表示的是快捷键为vue。"文件"、"首选项"、"配置用户代码片段"。在上方弹出的输入框中输入"vue.json"，选择下面这个。

2024-01-01 13:16:37 799

原创 element-plus的组件设置id后不管用

Element Plus的组件通常会在多个地方使用，为了避免开发者重复编写样式代码，默认使用的是class选择器。如果使用SCSS编写样式，建议导入"element-plus/theme-chalk/index.css"，如果使用CSS编写样式，建议导入"element-plus/dist/index.css"。使用class选择器。

2023-12-31 16:46:02 522 1

原创【Vue】vue3创建组件时，自带margin：8px。

浏览器为了优化用户的体验，确保组件之间的间距看起来更加整洁和一致，所以自带了“margin：8px”这个属性。在项目最外层目录的的index.html中，在<head>标签中加入以下代码即可。这里index.html中的属性会优先与浏览器的默认属性，所以就解决了。

2023-12-29 17:03:48 1201 1

jiede8624的博客