Vite-Ts框架搭建

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vite-Ts框架搭建相关的知识,希望对你有一定的参考价值。

参考技术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项目就搭建好了。


以上是关于Vite-Ts框架搭建的主要内容,如果未能解决你的问题,请参考以下文章

搭建搭建一个SSH框架 Web工程,实现以下功能

1、搭建搭建一个SSH框架 Web工

webapi框架搭建系列博客

怎样搭建一个android开发框架

eclipse搭建ssh框架步骤

怎样搭建spring框架?