- 博客(6)
- 收藏
- 关注
RSS订阅原创 前后端分离项目中图片的上传和获取
前端使用VS code作为代码编辑器，技术栈涉及vue、axios和element-plus，后端使用IDEA作为代码编辑器，技术栈涉及springMVC、spring、mybatis。在上述图片中，点击“上传头像”选择一张图片，将其保存到浏览器的内存中，点击“保存”按钮，将其发送到后端进行保存，并将图片的地址写入数据库。
2024-04-07 17:20:06
1976
原创 基于element-plus和element-china-area-data的中国省、市、区的地区选择器
实现新增地址时省、市、区的地区选择，如果使用手写json的方式，由于中国的省、市、区数量很多，会导致工作量很大，且容易出错。
2024-02-18 23:28:28
2482
1
原创 Router中的嵌套路由
用地址栏来表示的话，相当于整个页面的跳转是“/a”中a的改变，页面中的一部分区域切换是“/a/b”中b的改变。这里我简要做了两个小页面，默认会展示上图中的“个人信息”，即“/personal”，点击第二个后会切换到购物车的部分，即“/personal/shoppingCart”。在父路由中我需要嵌套路由的是页面是personalPage.vue，我将路径设置为“/personal”，此页面的样式如下图。在页面的样式图中，左侧的按钮分别使用编程式路由或声明式路由设置需要切换页面的url。
2024-01-13 14:01:24
534
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
674
原创 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
460
1
原创 【Vue】vue3创建组件时，自带margin：8px。
浏览器为了优化用户的体验，确保组件之间的间距看起来更加整洁和一致，所以自带了“margin：8px”这个属性。在项目最外层目录的的index.html中，在<head>标签中加入以下代码即可。这里index.html中的属性会优先与浏览器的默认属性，所以就解决了。
2023-12-29 17:03:48
894
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人