vue框架
程序员gelei
一件事,要么不做,要么做到极致。
展开
-
谷粒商城-品牌管理开发(OSS图片上传)(待更新)
1.单体应用可以将图片存在项目本地2.分布式项目不能将图片存在项目本地,因为一个服务部署在多个服务器,在一次上传图片上传到了1号服务器,如果下次请求到了2号服务器,将拿不到1号服务器保存的图片要解决此问题我们可以使用文件存储服务,文件同一写入这个服务中,同时读取时也统一在这里获取:3. 这里我们使用阿里云的OSS对象存储服务:(1)进入阿里云的控制台(2)创建此项目的存储空间(Bucket):gulimail-d(3)进入刚刚的Bucket,上传图片访问测试在浏览器访问.原创 2021-11-22 20:39:45 · 887 阅读 · 0 评论 -
谷粒商城-品牌管理开发(自定义开关)
1.在系统管理里面新增品牌管理菜单2.复制之前逆向工程生成的前端页面代码到product目录下3.重启renren-fast-vue前端项目:npm run dev这里页面能正常显示,但是未能显示出新增等按钮:是因为权限问题:找到utils包下的index.js:让返回值始终为true:/** * 是否有权限 * @param {*} key */export function isAuth (key) { // return JSON.parse(s..原创 2021-11-22 10:18:52 · 397 阅读 · 0 评论 -
谷粒商城-商品服务的开发(批量删除)
1.首先需要一个批量删除按钮: <el-button type="danger" @click="batchDelete">批量删除</el-button>2.如何获取已经选中的节点:(1)我们需要调用tree组件提供的getCheckedNodes方法,如果需要调用某个组件提供的方法,我们需要给用ref属性给组件起一个唯一标识名字:在<el-tree>标签中:ref="menuTree"(2)编写批量删除的方法: //批量删除原创 2021-11-21 16:23:40 · 364 阅读 · 0 评论 -
谷粒商城-商品服务的开发(修改)
1.先添加一个修改按钮:<el-button type="text" size="mini" @click="() => edit(data)"> 编辑 </el-button>2.写一个修改按钮的点击方法: //打开对话框 edit(data){ this.title = "修改分类"; this.dialogType = "edit"; console.log("要修改的数据为",data);原创 2021-11-21 15:49:53 · 562 阅读 · 0 评论 -
谷粒商城-商品服务的开发(新增)
1.前端页面开发:(1)在模板中加入对话框://新增菜单的对话框 <el-dialog title="提示" :visible.sync="dialogVisible" width="30%"> <span>这是一段信息</span> <span slot="footer" class="dialog-footer"> <el-button @click="dialog原创 2021-11-18 16:10:28 · 195 阅读 · 0 评论 -
谷粒商城-商品服务的开发(删除)
1.页面显示删除按钮:(1)使用ElementUI中的scoped slot样式实现删除tree节点:在<el-tree>标签中加入span标签中的代码实现: <el-tree :data="menus" :props="defaultProps" :expand-on-click-node="false"> <span class="custom-tree-node" slot-scope="{ node, data }">原创 2021-11-18 15:02:32 · 231 阅读 · 0 评论 -
Webpack安装及使用(更新中)
1.webpack是一个现代的JavaScript应用程序静态模块打包器。原创 2021-10-21 11:41:51 · 90 阅读 · 0 评论 -
Axios框架学习
1.Axios是一个开源的可以用在浏览器端和NodeJS的异步通信框架,它的主要作用就是实现AJAX异步通信。2.第一个Axios应用程序:引入axios:<script src="https://unpkg.com/axios/dist/axios.min.js"></script><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-10-20 14:44:26 · 166 阅读 · 0 评论