首页 > 编程语言 >Java登陆第三十二天——前端工程化

Java登陆第三十二天——前端工程化

时间:2024-03-07 17:56:19浏览次数:30  
标签:Java 实现 前端 分离 pinia VUE3 工程化 第三十二

现如今项目结构臃肿,MAVEN中拥有前端+后端代码。

为了提高效率和降低成本,前端也需要结构化的管理,但MAVEN管理前端较为麻烦
image
工程独立之后也就是前后端分离。

前后端分离的优点

  • 开发分离(最好人也分离)

  • 部署分离

前端工程化实现技术栈

前端工程化实现的技术栈有很多,我们采用ES6+nodejs+npm+Vite+VUE3+router+pinia+axios+Element-plus组合来实现

  • ECMAScript6 VUE3中大量使用ES6语法

  • Nodejs 前端项目运行环境

  • npm 依赖下载工具

  • vite 前端项目构建工具

  • VUE3 优秀的渐进式前端框架

  • router 通过路由实现页面切换

  • pinia 通过状态管理实现组件数据传递

  • axios ajax异步请求封装技术实现前后端数据交互

  • Element-plus 可以提供丰富的快速构建网页的组件仓库

后续学习路线也是这样

标签:Java,实现,前端,分离,pinia,VUE3,工程化,第三十二
From: https://www.cnblogs.com/rowbed/p/18059436

相关文章

  • java使用ssh通道连接mysql
    添加依赖<dependency><groupId>com.jcraft</groupId><artifactId>jsch</artifactId><version>0.1.55</version></dependency>添加配置importcom.jcraft.jsch.JSch;......
  • java 注解
    1、什么是注解      类似一种特殊的注释,可以在程序运行时被反射获取,如同标签。2、注解分类内置注解自定义注解内置注解Java定义了一套注解,共有7个,3个在java.lang中,剩下4个在java.lang.annotation中。作用在代码的注解:@Override-检查该方法是否是重......
  • macOS m1芯片报错 java.lang.UnsatisfiedLinkError: no taos in java.library.path
    项目中有用到TDengine,MacOSm1芯片本地开发启动项目报错如下java.lang.UnsatisfiedLinkError:notaosinjava.library.path方案一(推荐)以上错误是因为java在连接TDengine数据库的时候没有找到本地函数库。本地安装一下TDengine,然后在/usr/local/lib/下就会有taos函数库。因此......
  • java过滤器拦截路劲问题
    在我们使用filter过滤器时注解@WebFilter("/serverlet/demo1/")多层目录只针对文件注解@WebServlet(name="Servlet1",value="/serverlet/demo1/test1")具有过滤作用(原因:注解路径相同),其中“@WebFilter("/serverlet/demo1/")”括号里的*代表只要serverlet注解前半部分相同的文......
  • 熟悉又陌生的JavaWeb 第2天
    传送门JSP基本语法什么是servlet自定义Servlet,直接使用抽象好的HttpServlet更好MyCustomServletpublicclassMyCustomServletextendsHttpServlet{@SerialprivatestaticfinallongserialVersionUID=-599450886992695746L;@Overrideprotected......
  • c#与java之间的区别盘点
    原文链接:http://www.mobiletrain.org/about/BBS/119467.htmlhttps://blog.csdn.net/clpig0125/article/details/50774628C#(CSharp)是Microsoft开发的一种面向对象的编程语言,而Java是由SunMicrosystems开发的一种面向对象的编程语言。虽然它们都是面向对象的编程语言,但它们之......
  • 卡码java基础课 | 10.平均绩点
    学习内容:字符串的声明和初始化字符串的常见操作字符串的特点读取字符串输入equals方法字符串格式化输出format和printf字符串的遍历flag编程思想switch-case浮点数运算重点归纳:字符串1.声明和初始化:Stringname="Hello,Java";Stringmessage=newString("Hello"......
  • Blazor笔记-JavaScript Interop(JS互调用)
    更新记录注意:非教程。纯笔记,日常查询用的。需要教程的小伙伴找几本书看看即可哈哈,有Vue基础的话非常快,概念都是通的。非工作需要不建议深入学习Blazor,深入Vue吧,用的多,哈哈。完整目录地址:https://www.cnblogs.com/cqpanda/p/17596348.html点击查看2024年3月7日发布。2023......
  • java date 时间最大连续天数
    javalocaldate时间最大连续天数publicclassDateUtils{publicstaticDateaddDays(Datetime,Integerday){try{SimpleDateFormatsdf=newSimpleDateFormat("yyyy-MM-dd");Calendarcd=Calendar.getInstance();cd.setTime(ti......
  • RxJava3 用法
    https://github.com/xxm-sz/blog/issues/14主要变化主要特点单一依赖:Reactive-Streams继续支持Java6+和Android2.3+修复了API错误和RxJava2的许多限制旨在替代RxJava2,具有相对较少的二进制不兼容更改提供Java8lambda友好的API关于并发源的不同意见异步或同步执行......