![](https://img-blog.csdnimg.cn/20201109155049208.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端设计
文章平均质量分 80
主要总结关于前端HTML、CSS、JavaScript以及各种前端框架的使用
Training.L
我思故我在
展开
-
Spring Boot+Vue 前后端分离项目架构
Spring Boot+Vue 前后端分离项目架构项目流程:1. SpringBoot 后端项目1、新建一个 SpringBoot 工程,并添加项目开发过程中需要的相关依赖;2、数据库新建 book 数据表;-- ------------------------------ Table structure for book-- ----------------------------DROP TABLE IF EXISTS `book`;CREATE TABLE `book` (原创 2022-03-27 20:04:45 · 17403 阅读 · 9 评论 -
Element UI 的安装与工程创建
Element UI 是一套基于 Vue 的桌面端组件库,封装好了很多常用的 UI 组件,开发者可以使用 Element UI 快速搭建一个网站。官方文档:https://element.eleme.cn/#/zh-CN/component/installation1. 创建 Vue 空白项目安装 Element UI 之前要确保自己的计算机上已经成功安装了 Vue,如果电脑还没有安装 Vue 环境的,可以参考这一篇博客的安装教程。步骤一:创建空白的 Vue 工程,进入 cmd 命令行窗口输入原创 2022-02-11 21:07:28 · 1488 阅读 · 0 评论 -
Vue Element 安装与使用
Vue Element 安装与使用Vue Element 就是 Vue 的扩展插件。官方文档:https://element.eleme.cn/#/zh-CN建议:按照官网中的文档进行学习,写项目时复制官网代码进行修改。1. 添加依赖在 vue3.0 中使用 element 框架,因为 element-ui 是支持 vue2.0 的,他推出的支持 vue3.0的版本叫 element-plus。安装 element-plus,直接在 IDEA 中 Terminal 中运行:cnpm install原创 2022-03-14 11:19:06 · 3073 阅读 · 0 评论 -
Vue 异步请求
Vue 异步请求Vue 中使用 axios 进行网络请求,使用起来和 jQuery 中的 $.get 和 $.post 功能类似。安装依赖:cnpm install --save axios1. get 请求方式给定服务器控制器代码,可以接收 name 和 age 参数,设置到 Map 中并返回。注意:控制器上有跨域注解。前后端分离都是跨域请求。且端口不能设置 8080 端口,避免端口冲突。<template> <div id="app"> &原创 2022-03-13 20:53:57 · 7208 阅读 · 3 评论 -
Vue 路由配置
Vue 路由配置为什么使用路由? 在项目中创建了 First.vue 和 Second.vue 两个页面,如果按照组件方式进行操作这两个页面,数据固定显示在 App.vue 中,但是我们知道正常项目都是通过不同的 URL 控制显示不同页面。在 SPA(单页面应用) 项目中,也是需要通过不同的 URL 在 App.vue 中显示不同的数据。路由做的是通过 URL 控制哪个页面显示在 App.vue 中的功能/组件。什么是路由? 在 Vue 中路由就是控制显示哪个页面,通过路由显示的页面是显示在原创 2022-03-13 16:13:30 · 6573 阅读 · 4 评论 -
Vue 自定义组件
Vue 自定义组件与使用1. 初识组件 组件:如果项目中多次用到类似的效果,就可以把这个效果进行自定义组件。新建项目后默认存在 HelloWorld.vue 就是一个组件,组件必须导入之后才能使用,其中 HelloWorld 为自定义名称,通过这个名称就可以调用对应组件。 components:组件文件只导入是不能被调用的,还必须在 components 中注册组件,注册后在 <template> 中就可以通过组件名直接引用组件了。在 <template> 中组件以标签形式原创 2022-03-13 15:00:21 · 20324 阅读 · 0 评论 -
Vue 基础语法
Vue 基础语法1. Vue 项目结构使用 Vue Cli 创建出来的项目内容比较多,重点关注 src 目录下的文件:publicfavicon.ico:图标index.html:唯一页面src:assertlogo.png:图片componentsHelloWorld.vue 组件。所有可复用的页面都可以做成组件。一般用于开发控制逻辑viewsXxxView.vue:视图组件。用于开发存储的视图逻辑。App.vue 主组件。SPA 项目中所有内容都原创 2022-03-13 11:18:13 · 1534 阅读 · 0 评论 -
Vue 概述与环境安装
Vue 概述与环境安装1. 前后端分离 前后端分离属于软件架构的一种,其核心思想是把前端项目(Node.js 服务)和后端项目独立部署到不同的服务器上,前端项目再通过 Ajax 请求服务器端项目 Restful 接口实现数据交互。前后端分离就是将一个项目的前端代码和后端代码分开写,为什么要这样做呢?如果不使用前后端分离的方式会有哪些问题呢? 在传统的 JavaWeb 开发中,前端使用 JSP 开发,JSP 不是由后端开发者独立完成的,它需要前端开发人员编写一套静态的 HTML 页面,然后将页面交原创 2022-03-07 15:38:41 · 1222 阅读 · 0 评论