Vite-Ts框架搭建

Posted 2023-05-04

参考技术A 安装包语法 yarn add <包名> -D
说明: -D是编译的时候使用，生成后不会使用的包

配置vite-plugin-style-import ,在vite.config.ts中引入并添加

配置amfe-flexible,在跟目录的index.html入口文件中添加

安装postcss-pxtorem

配置postcss-pxtorem,在跟目录新建postcss.config.js文件

SSM框架项目搭建系列—SSM框架的简介及搭建流程

首先说明一下，本系列《SSM项目搭建系列》是为了复习并且完整的熟悉一下SSM框架搭建项目的流程。本系列博客会参照Nimikyの议事大厅以及林炳文Evankaka两位的博客以及自己之前学习的心得做一个记录。

---

SSM框架即：SpringMVC+Spring+Mybatis
Spring框架
Spring框架是一个轻量级的J2EE框架,同时Spring 是最受欢迎的企业级 Java 应用程序开发框架，核心是控制反转IOC+面向切面编程AOP，主要针对JavaBean的生命周期进行管理的轻量级容器。

SpringMVC框架
Spring web MVC 框架提供了模型-视图-控制的体系结构和可以用来开发灵活、松散耦合的 web 应用程序的组件。MVC 模式导致了应用程序的不同方面(输入逻辑、业务逻辑和 UI 逻辑)的分离，同时提供了在这些元素之间的松散耦合。
• 模型 模型封装了应用程序数据，并且通常它们由 POJO 组成。
• 视图 视图主要用于呈现模型数据，并且通常它生成客户端的浏览器可以解释的 HTML 输出。
• 控制器 控制器主要用于处理用户请求，并且构建合适的模型并将其传递到视图呈现。

Mybatis框架
MyBatis 是支持普通 SQL 查询,存储过程和高级映射的优秀持久层框架。MyBatis 消除 了几乎所有的 JDBC 代码和参数的手工设置以及结果 集的检索。MyBatis 使用简单的 XML 或注解用于配置和原始映射,将接口和 Java 的 POJOs(Plain Old Java Objects,普通的 Java 对象)映射 成数据库中的记录。

---

整个体系使用工具如下：
项目开发工具：IntelliJ IDEA 2016.1.4
MySql开发工具：Navicat for MySql

SSM项目搭建流程

创建项目：

注意选择SSM的jar包，我这里是下载好的

移动资源文件并创建一个包

配置Web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
         version="3.1">

    <!--Spring-->
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:applicationContext.xml</param-value>
    </context-param>
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>

    <!--字符编码-->
    <filter>
        <filter-name>encodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>utf-8</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>encodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

    <!--SpringMVC-->
    <servlet>
        <servlet-name>dispatcher</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:dispatcher-servlet.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>dispatcher</servlet-name>
        <url-pattern>*.do</url-pattern>
    </servlet-mapping>
</web-app>

applicationContext.xml和dispatcher-servlet.xml暂时不用写东西，这样一个SSM项目就搭建好了。

---