vue+springmvc前后端分离开发十前端项目开发所需的相关依赖

前端项目需要用到什么?

  • 首先明确此项目的目的,是为了能够搭建一个用户管理的后台,实现登录注册功能,能够以用户的身份查看自己的个人信息并进行修改
  • 再看看我们手头已经有的东西
    • vue-cli集成开发环境
    • vue-router对路由进行管理
    • eslint对代码质量进行管理
    • vuex对全局状态进行管理
  • 那我们还缺些什么呢?
    • 项目是前后端分离开发的,我们缺少前端和后端交互的手段
    • 既然是前端,肯定要一个好看实用的前端UI框架
    • 我们也许想把一些信息复用,下次再打开网站的时候无需重新获取,所以需要用到cookies
  • 现在让我们来看看具体用到了哪些依赖或者插件

vue-axios

  • axios是什么?
    • 是一个用于向后端发送异步请求的http库,里面封装了许多强大的功能
  • vue-axios又是什么?
    • vue-axios是对于axios的一个封装,用组件化的方式进行装配,你可以使用Vue.use()的方式,在不破坏vue原有属性的情况下使用它
  • 现在我们安装vue-axios依赖,直接打开vue ui,点击安装依赖就行(注意不是安装插件),选下载量最多的那个就行

安装vue-axios依赖

  • 安装完毕,可以看到运行依赖中多了个vue-axios

    多了vue-axios

  • 有关vue-axios如何在vue-cli中使用和具体案例会在以后的章节讲到

vuetify

  • 什么是vuetify?
    • 它是一个基于vue的前端样式框架,里面集成了各种各样的ui组件,拿来即用,配置简单
    • 和由饿了吗开发的element-ui是类似的东西
  • 安装vuetify,注意vuetify是一个插件,而不是依赖,所以我们需要在安装插件的选项中安装它

    安装vuetify

  • 为什么我选择了vuetify而不是其它的基于vue的框架呢?
    • 相比element-ui能够做到完全响应式布局,而不用为了导航栏的布局而烦恼
    • 完善的文档和样例提供
    • 长期的维护和技术支持
    • 支持RTL(从右到左布局)
    • 丰富的ui组件让我不用写一行css和js代码
    • 交互友好,页面风格良好的ui
  • 有关vuetify的具体使用方法会在后续章节中讲解

vue-cookies

  • 什么是cookies?
    • 在浏览网站的时候我们经常会看见cookies,它其实就是字符串信息,开发人员可以通过一些文档操作,比如document来存储和取出字符串
    • cookies的具体表现形式为键值对的形式,键是为了方便定位存储的数据,数据会以序列化的方式存储在你的本地磁盘上,是可以被查看的
    • cookies的大小一般不超过4KB,否则会给浏览器带来负担
    • cookies一般用来存储用户身份信息
  • 什么是vue-cookies?
    • 和vue-axios一样,vue-cookies同样也是对cookies的一个封装,让用户可以通过组件化的方式使用它,而不用破坏vue的原型属性
    • 能够更加方便地进行使用,并且可以灵活的设置过期时间,支持对象的存储
  • 我们需要在安装依赖选项中安装它

    安装vue-cookies


至此,此项目所需要的一些依赖和插件的简单介绍已讲解完毕,下一节会正式开始用vuetify做一个模板页

原文地址:https://blog.csdn.net/qq_44938644/article/details/116139146

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


开发过程中是不可避免地会出现各种异常情况的,例如网络连接异常、数据格式异常、空指针异常等等。异常的出现可能导致程序的运行出现问题,甚至直接导致程序崩溃。因此,在开发过程中,合理处理异常、避免异常产生、以及对异常进行有效的调试是非常重要的。 对于异常的处理,一般分为两种方式: 编程式异常处理:是指在代
说明:使用注解方式实现AOP切面。 什么是AOP? 面向切面编程,利用AOP可以对业务逻辑的各个部分进行隔离,从而使得业务逻辑各部分之间的耦合度降低,提高程序的可重用性,同时提高了开发的效率。 通俗描述:不通过修改源代码方式,在主干功能里面添加新功能。 AOP底层使用动态代理。 AOP术语 连接点
Spring MVC中的拦截器是一种可以在请求处理过程中对请求进行拦截和处理的机制。 拦截器可以用于执行一些公共的操作,例如日志记录、权限验证、数据转换等。在Spring MVC中,可以通过实现HandlerInterceptor接口来创建自定义的拦截器,并通过配置来指定拦截器的应用范围和顺序。 S
在 JavaWeb 中,共享域指的是在 Servlet 中存储数据,以便在同一 Web 应用程序的多个组件中进行共享和访问。常见的共享域有四种:ServletContext、HttpSession、HttpServletRequest、PageContext。 ServletContext 共享域:
文件上传 说明: 使用maven构建web工程。 使用Thymeleaf技术进行服务器页面渲染。 使用ResponseEntity实现下载文件的功能。 @Controller public class FileDownloadAndUpload { @GetMapping("/file/d
创建初始化类,替换web.xml 在Servlet3.0环境中,Web容器(Tomcat)会在类路径中查找实现javax.servlet.ServletContainerInitializer接口的类,如果找到的话就用它来配置Servlet容器。 Spring提供了这个接口的实现,名为SpringS
在 Web 应用的三层架构中,确保在表述层(Presentation Layer)对数据进行检查和校验是非常重要的。正确的数据校验可以确保业务逻辑层(Business Logic Layer)基于有效和合法的数据进行处理,同时将错误的数据隔离在业务逻辑层之外。这有助于提高系统的健壮性、安全性和可维护
什么是事务? 事务(Transaction)是数据库操作最基本单元,逻辑上一组操作,要么都成功,要么都失败,如果操作之间有一个失败所有操作都失败 。 事务四个特性(ACID) 原子性 一组操作要么都成功,要么都失败。 一致性 一组数据从事务1合法状态转为事务2的另一种合法状态,就是一致。 隔离性 事
什么是JdbcTemplate? Spring 框架对 JDBC 进行封装,使用 JdbcTemplate 方便实现对数据库操作。 准备工作 引入jdbcTemplate的相关依赖: 案例实操 创建jdbc.properties文件,配置数据库信息 jdbc.driver=com.mysql.cj.
SpringMVC1.MVC架构MVC是模型(Model)、视图(View)、控制器(Controller)的简写,是一种软件设计规范是将业务逻辑、数据、显示分离的方法来写代码MVC主要作用是:降低了视图和业务逻辑之间的双向耦合MVC是一个架构模型,不是一种设计模式。1.model(模型)数据模型,提供要展示的数据,因此包
SpringMVC学习笔记1.SpringMVC应用1.1SpringMVC简介​SpringMVC全名叫SpringWebMVC,是⼀种基于Java的实现MVC设计模型的请求驱动类型的轻量级Web框架,属于SpringFrameWork的后续产品。​MVC全名是ModelViewController,是模型(model)-视图(view)-控制器(co
11.1数据回显基本用法数据回显就是当用户数据提交失败时,自动填充好已经输入的数据。一般来说,如果使用Ajax来做数据提交,基本上是没有数据回显这个需求的,但是如果是通过表单做数据提交,那么数据回显就非常有必要了。11.1.1简单数据类型简单数据类型,实际上框架在这里没有
一、SpringMVC简介1、SpringMVC中重要组件DispatcherServlet:前端控制器,接收所有请求(如果配置/不包含jsp)HandlerMapping:解析请求格式的.判断希望要执行哪个具体的方法.HandlerAdapter:负责调用具体的方法.ViewResovler:视图解析器.解析结果,准备跳转到具体的物
1.它们主要负责的模块Spring主要应用于业务逻辑层。SpringMVC主要应用于表现层。MyBatis主要应用于持久层。2.它们的核心Spring有三大核心,分别是IOC(控制反转),DI(依赖注入)和AOP(面向切面编程)。SpringMVC的核心是DispatcherServlet(前端控制器)。MyBatis的核心是ORM(对
3.注解开发Springmvc1.使用注解开发要注意开启注解支持,2.注解简化了,处理映射器和处理适配器,只用去管视图解析器即可案例代码:1.web.xml,基本不变可以直接拿去用<!--调用DispatcherServlet--><servlet><servlet-name>springmvc</servlet-name>
拦截器概述SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理。开发者可以自己定义一些拦截器来实现特定的功能。**过滤器与拦截器的区别:**拦截器是AOP思想的具体应用。过滤器servlet规范中的一部分,任何javaweb工程都可以使用
<beans xmlns="http://www.springframework.org/schema/beans"xmlns:context="http://www.springframework.org/schema/context"xmlns:mvc="http://www.springframework.org/schema/mvc"xmlns:xsi="
学习内容:1、SSH&SSM2、Spring3、Struts2&SpringMVC4、Hibernate&MyBatis学习产出:1.SSH和SSM都是有Spring框架的,他们两个差不多。2.Spring分为四个模块,持久层,表示层,检测层,还有核心层,核心层分为2个关键核心功能。分别为,控制反转(IOC),依赖注入(DI),和面向切面编程
一、SpringMVC项目无法引入js,css的问题具体原因是css和js等被SpringMVC拦截了:解决方案:在spring-mvc.xml中配置<mvc:default-servlet-handler/><?xmlversion="1.0"encoding="UTF-8"?><beansxmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
开发环境:Eclipse/MyEclipse、Tomcat8、Jdk1.8数据库:MySQL前端:JavaScript、jQuery、bootstrap4、particles.js后端:maven、SpringMVC、MyBatis、ajax、mysql读写分离、mybatis分页适用于:课程设计,毕业设计,学习等等系统介绍