vue前端
文章平均质量分 93
.十六分的音符.
目前Java开发工程师+运维工程师,主要是医疗方面的维护,同时也是阿里云的专家博主……,仍然有许多学习的地方,希望小伙伴们能一起学习开展我们的编程之旅。
展开
-
前后端分离的书本管理系统
Spring框架是一个开源应用程序框架,通过提供基础设施支持来支持Java应用程序的开发。它是著名的Java企业版框架之一。Spring通过使用普通旧Java对象 (POJO) 帮助开发人员创建高效的应用程序。Spring框架正在成为这些问题的解决方案。它采用多种新技术来构建企业应用程序,包括普通旧Java 对象(POJO)、面向方面编程 (AOP) 和依赖注入(DI)。它消除了使用EJB创建企业应用程序所涉及的困难。原创 2022-11-12 15:57:47 · 1450 阅读 · 2 评论 -
vue组件间通讯以及vuex的使用
Vuex是专门为vue应用程序开发的状态管理模式,将组件的共享状态抽取出来,以一个全局单例模式进行管理,组件树构成一个巨大的视图,不管组件在树的何种位置,任何组件都能获取到状态和触发行为。可以将其想象为一个“前端数据库”(数据仓库),让其在各个页面上实现数据的共享包括状态,并且可操作。(核心就是 解决组件间的通讯问题)Vuex分成五个部分:1.State:单一状态树2.Getters:状态获取3.Mutations:触发同步事件4.Actions:提交mutation,可以包含异步操作。原创 2022-11-10 18:50:51 · 672 阅读 · 0 评论 -
ElementUi中的Dialog对话框——弹出窗口与新增更新功能为例
目录1. 准备工作2. 弹出窗口3. 新增更新功能4. 删除功能5. 表单验证5. 接口文档后台服务接口,对书本的增删改查操作进入ElementUi官网, 找到Dialog对话框,可以参考“嵌套表单的dialog”实现。该步骤先实现弹出窗口的前端逻辑,并不会调用后台接口服务进行实际的业务操作。BookList.vue在数据表格中添加“编辑”“删除”功能连接。(在element-ui官方demo -> table组件中,有如何加入删除,编辑等按钮的示例)原创 2022-11-07 10:07:58 · 13160 阅读 · 1 评论 -
使用Vue来完成项目中的首页导航+左侧菜单
页面上使用的面包屑,查询条件,表格,分页等空间,可以查看element-ui官网。该步骤主要关注页面布局,并没有绑定数据,编写完成后,观察页面效果。BookList.vue:原创 2022-11-01 14:09:13 · 6634 阅读 · 6 评论 -
Vue项目中的mock.js的使用以及基本用法和ES6的新增方法
Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。数据类型丰富支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。拦截Ajax请求不需要修改既有代码,就可以拦截Ajax请求,返回模拟的响应数据。官网注:easy-mock,一个在线模拟后台的数据平台。原创 2022-10-29 10:32:09 · 5366 阅读 · 0 评论 -
使用vue-cli创建项目登陆页面
通过观察控制台可以发现,post发送请求时,请求参数是以json格式通过request payload进行传送的,的struts的并没有处理这种方式传递的参数。因为我们采用的是前后端分离的方式进行开发,前端和后端分别泡在不同的服务器上,基于安全性考虑,浏览器有同源策略,所以出现了跨域问题。输入的测试账号和密码均正确,使用get发送请求获取的响应为“密码正确”,但post方式发送的请求获取的响应为“密码不正确”!(起码是我们使用的struts版本),所以传递到服务器的参数并没有得到有效的解析。原创 2022-10-27 00:30:00 · 1556 阅读 · 4 评论 -
使用vue-cli搭建spa项目
vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板。*.vue 文件,是一个自定义的文件类型,用类似HTML的语法描述一个Vue组件//在es6中一个文件可以默认为一个模块,模块通过export向外暴露接口,实现模块间交互等功能//一个文件即模块中只能存在一个export default语句,导出一个当前模块的默认对外接口//组件的数据对象必须是函数形式定义。原创 2022-10-24 20:47:01 · 1378 阅读 · 8 评论 -
ElementUI简介以及相关操作
我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的,所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网:https://element.eleme.cn/#/zh-CN注1:类似前端框架还有iview。原创 2022-10-24 10:48:59 · 1882 阅读 · 2 评论 -
HBuilderX的介绍与语法提示
执着于更快一步的理念,HBuilderX的左侧项目管理器是单击响应而不是双击。单击展开目录,单击预览文件,双击打开文件。预览文件时顶部标签卡是斜体的,此时继续预览其他文件会替换预览标签卡。双击文件后标签卡为正体,不会被替换。预览的文件一旦开始编辑,也会自动变为正式打开状态。原创 2022-10-22 14:32:43 · 6512 阅读 · 9 评论 -
Vue的一些命名规则与SPA实现思路
注1:extend是构造一个组件的语法器. 你给它参数,他给你一个组件,然后这个组件你可以作用到Vue.component这个全局注册方法里,也可以在任意vue模板里使用car组件注2:也可以用以前的方式创建和获得组件,效果也是一样的//创建组件//获得组件。原创 2022-10-21 17:13:18 · 239 阅读 · 0 评论 -
VUE中的模板语法以及过滤器和双向数据绑定
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。vue将模板编译成虚拟dom,结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。原创 2022-10-20 18:45:38 · 610 阅读 · 2 评论 -
Vue——入门详解+案例
vue是一个构建用户界面UI的渐进式javascript框架,渐进式的框架是指可以一步一步的由浅入深的去使用这个框架,该框架可以逐步引入项目。原创 2022-10-18 19:57:12 · 1982 阅读 · 0 评论