07 2020 档案
摘要:vue框架为我们提供了一些便捷。我们在修改数据的时候,视图就会自动的发生变化,会去做必要的重新渲染。正式因为这个便捷的功能,给我们带来了一些问题,我们无法简单的去控渲染视图的时机,有一些自动为我们完成的,但有时候我们不需要他做太多的工作,当数据量非常大的时候,这个问题就尤为的明显,因为我们的数据放到
阅读全文
摘要:三种制作icon组件的方式。这个过程我们用了阿里巴巴的工具网站 最后来封装两个icon组件,一个多色,一个单色。 首先来看下iview的icon组件。custom允许使用自定义的图标。 这里内置了很多自定义的图标 已经创建好的页面 设置大小为50 设置为粉色 自己制作字体文件 iconfont网站
阅读全文
摘要:日常开发过程中,有不同的用户组,不同用户组看到页面上的内容是不一样的,这就涉及到权限控制。 这需要前端和后端相互配合完成。本节讲解两种权限控制的方案。 先来看下iview-admin中的代码。在路由列表配置meta为success权限字段,它是一个数组,表示当前这个界别的页面是哪个用户租可以浏览,里
阅读全文
摘要:服务器端增加了一条路由叫做formData。待会我们用到的时候,会把表单提交到这个url下。并把提交的内容打印一下。 提前创建好的form页面。 首先来看下iview的表单组件, 它的最外层是一个Form组件,不是用的原生表单的提交方式,需要把提交的数据获取到,通过ajax去提交的。 里面没一条都用
阅读全文
摘要:后端用node.js搭建一个简单的系统。 首先讲解下的文件服务,包含文件上传和下载、预览、删除 前端应该如果操作上传文件,下载文件。还有就是删除预览这些功能。 后端服务 后端的服务,这里定义了三个指令。 start是创建express项目初始就添加的, 自己添加了两个指令一个local一个是pm2
阅读全文
摘要:02-开发环境搭建 加入码云校园版的方法 https://blog.staneee.com/details/18 微服务用到Azure开发 如果有移动端的开发需求,可以选择 VS推荐使用的一些插件: https://www.52abp.com/Blog/BlogDetails/4 VSCode VS
阅读全文
摘要:代码路径: Angular代码路径:这个可能是家里电脑的路径D:\mvc5\52abp这个是公司电脑上路径J:\ABP\52ABP\Yoyosoft.BookList Npm start 启动项目 博客-github地址: https://www.52abp.com/Blog/Index代码地址:h
阅读全文
摘要:首先把上节课实现的tree的逻辑进行封装,封装成一个组件,能够达到一个复用的效果。 第二部门增加一个操作目录,每个目录,每个文件都应该可以操作,比如删除这个文件,重命名这个文件的文件名或者目录, 3.在这个组件里面传入多个值,而且每次做更新会同时更新这多个值,如果一个值在组件内需要更新的话, 我们可
阅读全文
摘要:已经在路由里面创建了一个页面路由 在api/data.js里面定义了两个方法, 一个是获取所有文件夹的列表,一个是获取所有文件的列表。 在mock里面 做了请求的拦截 返回一个数组,里面包含10个对象,没个对象有四个字段。name、create_time、folder_id、id 先来获取第一个数据
阅读全文
摘要:通过对iview的table表格的封装,实现如何自定义表格的内容。实现一个可编辑的表格。 为了节省时间,首先已经做了一些准备 首先是已经创建了table页 然后写了一个api,用来获取表格数据。 然后在mock里面也进行了处理。返回了数据的响应 tools里面封装了一个方法doCustomTImes
阅读全文
摘要:实现可收缩的侧边栏菜单。 效果展示 点击收缩的效果。如果只有一级菜单 二级菜单 多级菜单的情况 展开的效果 多级菜单 开始 我们之前封装的,我们的菜单要放在layout里 我们最后封装的菜单组件,是要在sider里面 sider-menu组件 分别加sider-menu-submenu和side-m
阅读全文
摘要:如何引入iview,如何配置它的loader。如何全局引入和按需引入iview 2:使用layout布局组件, 3:使用iview的栅格组件。实现响应式的布局。根据网格的宽度来实现不同的布局。 这是一个对应写好的文档。github上文档在根目录中:https://github.com/lison16
阅读全文
摘要:启动后端的服务:npm run start 后端服务 首先来看后端的代码,使用express简单的搭建的一个微服务。运行在3000的端口。 login的接口,它是一个post的请求 首先获取到前端传递过来的userName和password。如果有用户名且有密码的话就获取userInfo token
阅读全文