CommoditySelection

似云似月

已于 2023-08-06 18:42:45 修改

阅读量79

点赞数

文章标签： vue.js typescript

于 2023-08-06 18:38:57 首次发布

本文链接：https://blog.csdn.net/qq_43336396/article/details/132133965

版权

0.Gitee

1.项目说明

<硅谷甄选>项目的二次开发

2.参考

视频
 博客

3.技术栈

技术	功能
Vue3	框架
vite	构建工具
TypeScript	JS超集
SCSS	CSS超集
pinia	数据仓库
element-plus	样式库
axios	网络异步
echarts	图标库
vue-amap	高德地图
后端	开源接口数据

4.新增功能

(1)注册
(2)注销
(3)地图定位
(4)修改密码
(5)细节完善…

5.使用仓库相关命令

安装 pnpm

npm i pnpm -g

安装所有依赖

pnpm install

启动本地测试项目

pnpm run dev

打包

pnpm run build

6.展示

原始项目平台
http://8.222.176.28/

服务器域名
http://sph-api.atguigu.cn

swagger文档

http://139.198.104.58:8209/swagger-ui.html

http://139.198.104.58:8212/swagger-ui.html#/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

似云似月

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
CommoditySelection

项目的二次开发
复制链接

扫一扫

尚硅谷 2020 谷粒商城项目笔记(二) 初始化微服务项目 数据库 逆向工程测试

柒月丶阴雨连绵

05-20

790

1、初始化后端 1)创建Maven工程项目 2) 创建子模块 3) 添加模块间依赖 2、导入后端数据库 3、逆向工程 1)下载人人开源的逆向工程 2)生成model 4、测试 5、上传码云

vue的diff算法的【双端比较】策略

yiguoxiaohai的博客

08-08

346

vue的diff算法的双端比较策略

参与评论您还未登录，请先登录后发表或查看评论

vue 实现上浮气泡效果

m0_68964998的博客

08-13

193

1.用 li 来做每个气泡。

【vue教程】五. Vue 的路由管理

最新发布

前端探索者

08-13

690

Vue Router 是 Vue 官方的路由管理器，用于构建单页面应用。它允许你通过 URL 来映射不同的组件，实现页面的动态加载和导航。路由守卫用于在路由跳转前后执行代码，可以用来检查用户认证状态、获取数据等。通过本篇文章，我们学习了 Vue Router 的基本概念、配置和使用，以及如何实现动态路由和嵌套路由。我们还探讨了路由守卫的概念，并提供了如何在 Vue 组件中使用它们的示例。这些知识点将帮助你构建一个功能完备的单页面应用。

写一个Vue2和vue3的自定义指令（以复制指定作为示例）

weixin_44784401的博客

08-09

878

写一个Vue2和vue3的自定义指令（以复制指定作为示例）

Vue 中 app.config 相关配置项介绍与案例

前端基地

08-13

604

本博文展开了细致且全面的阐述，对 app.config 、app.config.errorHandler 、app.config.warnHandler 、app.config.performance 、app.config.compilerOptions 、app.config.globalProperties 以及 app.config.optionMergeStrategies 进行了深入剖析。不仅清晰明了地介绍了它们的功能和特性，还通过丰富多样的实际案例展开了详尽的分析。

Element-plus中的el-input无法输入空格和Enter事件无法触发问题

qq_41068362的博客

08-13

122

在el-input外层包了一层el-tooltip导致space和enter失效

Vue3+Element-plus+setup使用vuemap/vue-amap实现高德地图API相关操作

weixin_72439307的博客

08-07

445

本文主要是在vue3中使用el-amap组件实现地图的展示以及相关窗体信息内容自定义渲染

Vue设置滚动条自动保持到最底端

Lipn_的博客

08-09

561

实现滚动条始终保持在最底端

vue中怎么自定义组件

qinshi501的博客

08-09

1302

在开发过程中我们经常需要自定义组件完成特定的功能，比如用户详情页，我增加一个调整余额的按钮，点击以后需要打开一个调整余额对话框，输入调整的金额大小，完成以后关闭弹框同时刷新页面，要怎么实现呢。具体实现是增加一个调整余额弹框的自定义组件组件，包含一个调整按钮，点击按钮就打开这个对话框，里面利用watch监听用户的余额和用户id等信息，同时使用watch回调实时更新余额信息等。这里的refresh后的方法组件刷新的方法，可以在调整完余额后刷新用户最新余额信息。: number // 变动类型：1-用户金额。

element table表格树形数据展示

weixin_45672928的博客

08-09

337

element table表格树形数据展示

在Vite+TypeScript项目中导入组件时会报找不到模块的声明文件

qq_59625204的博客

08-13

178

在使用Vite创建Vue3项目时，遇到找不到模块“@/components/***.vue”的错误。解决方法包括在src下的vite-env.d.ts文件中添加特定代码，或者如果文件不存在，则在根目录创建env.d.ts或者vite-env.d.ts文件并追加相应代码，从而完美解决此类模块导入问题。

vue背景音频播放以及failed because the user didn‘t interact with the document first问题

m0_46978096的博客

08-09

243

【代码】vue背景音频播放以及failed because the user didn‘t interact with the document first问题。

vue3-02-vue3中的组件通信

m0_64150479的博客

08-10

878

vue3组件通信：父→子，子→父，任意组件之间通信（传递数据）

Vue 应用实例的关键方法与配置案例二

前端基地

08-08

1295

本篇博文详述了 Vue 应用实例的关键方法与配置案例，涵盖了 createApp()、createSSRApp()、app.mount()、app.unmount()、app.component()、app.directive()、app.use()、app.mixin()、app.provide()、app.runWithContext()、app.version、app.config、app.config.errorHandler、app.config.warnHandler、app.config.pe

vue2 API-实例property在项目中的使用

weixin_43550562的博客

08-09

290

概念：用于当前 Vue 实例的初始化选项。②复用过滤器filters中的方法。①获取，调用data外定义的属性。③一键搞定之重置data中的数据。

vue3+Element Plus功能组件封装——顶部导航（动态渲染+样式调整）

布克吉的博客

08-13

227

网页顶部的导航栏，一般由代码动态生成菜单数据在文件内统一配置，方便增删改查，导入后可自动生成导航菜单代码如下。

vue发展史

weixin_58462329的博客

08-13

227

Vue.js发展史Vue.js是一个渐进式JavaScript框架，自发布以来受到了广泛的关注和喜爱。

Vue.js状态管理：Vuex与Pinia的比较

天涯学馆

08-08

671

Vuex 是 Vue.js 官方提供的状态管理库，它基于 Flux 架构，提供了一个集中式的存储来管理应用的所有状态。Vuex 的核心概念包括 State、Getter、Mutation 和 Action。State：存储应用的状态。Getter：类似于计算属性，用于从 State 中派生出新的状态。Mutation：唯一更改 State 的方式，必须同步执行。Action：可以包含任意异步操作，提交 Mutations 来更改 State。