- Vite的优化配置
你大爷的,这都没注册了
vue前端typescriptvue.jsjavascript
1.Vite的优化配置目录base别名打包压缩代码生产环境下清空console.log打包出的文件整理创建一个Vite构建的Vue-TS项目
[email protected]这个是给每个资源，设置一个跟路径，这个是在生产环境下才会由效果的。这个可以解决在项目部署时，有些资源访问不到的问题。我们看到，这个img的路径是/src/as
- vite 创建vue3项目 （vue-router、vuex、scss、环境变量、selint、stylelint、normalize.css）
该用户已成仙
vuejstsvue.jsjavascripttypescript
目录一.创建基础vue项目二.安装vue-router三.设置路径别名@四.vuex五.SCSS六.环境变量七.eslint八.stylelint九.normalize.css一.创建基础vue项目npminitvite----templatevue选择vue->vue-ts进入目录运行npmruninstall与npmrundev便可运行二.安装vue-routernpminstallvue-r
- vue3+vite+ts 搭建项目
Amy_yqh
1、vite项目初始化我们使用vite来初始化项目，记得初始化的过程选择vue-ts哟，这样我们就能引入ts，后面不用额外单独对他引入npminitvite@latest2、vite配置配置别名@（1）安装node依赖npmi--save-dev@types/node（2）引入node模块tsconfig.json{"compilerOptions":{...(省略配置)"types":["nod
- vue-ts 中 @Component 解读--写一个自己的类装饰器和方法装饰器
青梅煮酒论英雄
vuevue
类装饰器–应用于类构造函数，其参数是类的构造函数@Component就是个类装饰器，作用于Vue对象vue-class-component中，入口代码是functionComponent(options){if(typeofoptions==='function'){returncomponentFactory(options);}returnfunction(Component){//vue对象
- vue+vite+ts添加eslint校验和代码提交校验
风吹一夏v
Vuevue.js
一.初始化项目npminitvite然后会出现请输入项目名称：输入你的项目名称然后选择vue然后选择vue-ts,根据你的项目是否需要ts然后就生成了模板文件二.打开项目先安装eslint#npmnpminstalleslint--save-dev#yarnyarnaddeslint--dev初始化eslint#npmnpxeslint--init#yarnyarnruneslint--init选
- vue3+TS+Vite2+Element Plus管理系统通用模板（2022最新）
一个bug一等级
vue.jsjavascript前端
技术栈：vue3+TypeScript+Vite2+Pinia+ElementPlus+VueRouter初始化项目安装vue-ts模板，和vite，并设置项目名称GBT(GeneralBackgroundTemplate)。//npmnpminitvite@latestGBT--templatevue-ts//yarnyarncreateviteGBT--templatevue-ts启动项目：初
- 一步步打造最新前端框架组合 —— vite+vue3+pinia+vue-router@4+setup+ts
「已注销」
前端html面试vue.js前端框架typescript
本文将会结合自己搭建经验一步一步展开，记录最新vue前端框架如何搭建。1、安装vite全局安装npminitvite@latest2、使用vite创建vue3工程npminit@vitejs/app第一步：工程文件名第二步：选择框架第三步：选择vue-ts组合第四步：进入项目文件夹，安装依赖即可3、配置eslint、prettier、编辑器首先安装相关依赖，如下：npmiprettiereslin
- 基于Vue3+Vite+TS+ESLint+Prettier+Husky+lint-staged+commitlint+stylelint的项目构建
原谅我很悲
个人博客开发vue.js前端
博客后台管理系统使用后的是基于Vue3+Vite+TS+ESLint+Prettier的开发，具体项目构建如下1、基于Vite创建vue-ts模板的项目骨架pnpmcreatevite项目名称--templatevue-ts2、安装ESLint、Prettier相关的ESLint:控制代码质量Prettier:控制代码风格2.1、安装ESLint、Prettier相关相关包pnpminstalle
- 【Midway+Vue3】初始化一个 Vue 项目 （前端篇 01）
末流花卷
theme:nico初始化vue-ts项目pnpmcreatevitetutulist-web-app--templatevue-ts安装vscode插件Volarvue3语法支持，此插件并不兼容vue2，使用时需要将vue2插件禁用vue3-snippets-for-vscode可根据关键词快速键入vue3相关代码配置linteslint和vue-cli创建的项目不一样，vite创建的项目是不带
- 【Vue工程】001-Vite 创建 Vue-TypeScript 项目
訾博ZiBo
Vue.jsvue.jstypescriptjavascript
【Vue工程】001-Vite创建Vue-Ts项目文章目录【Vue工程】001-Vite创建Vue-Ts项目一、环境二、创建项目1、pnpm创建Vite项目2、设置项目名3、选择vue4、选择TypeScript5、创建完成6、安装与启动7、访问`http://localhost:5173/`8、默认生成的项目结构9、修改`tsconfig.json`10、修改`tsconfig.node.jso
- vue-ts学习笔记
hello_web_Front
TypeScript官方地址TypeScript1.下载npminstall-gtypescript查看是否安装成功tsc-vVersion3.9.7基本使用helloworld.tsconsole.log("tshelloworld");编译ts->jstschelloworld.ts即可生成helloworld.js配置自动编译初始化tsconfig.jsontsc--init找到tsconf
- vue3 + vite + ts + antdv 搭建后台管理基础框架
前端_逗叔
文章封面.jpg最近公司官网需要一个后台管理系统，一直在看vue3，但是都没有在实际项目中使用过，正好就借此机会来踩踩坑。点击这里查看源码环境准备Node.jsv14.9.0npmv6.14.8vscode搭建Vite项目Vite中文网(vitejs.cn)Vite需要Node.js版本>=12.0.0//安装vue-ts模板npminit@vitejs/appvue3-template--tem
- vite创建vue3项目
程序猿想成程序狮
vue.js前端vitevue3
vite创建vue3项目方式一（推荐）脚手架快速创建，勾选依赖的方式这种方式创建的项目最快捷，因为基本依赖都装好了npminitvue@latest方式二使用官方模板创建vue3项目这种方式会基于模板创建项目，对于官方模板vue-ts，只带有基础的vue和ts，不带有vue-router、pinia等npminitvite@latest----templatevue-ts以上命令中，"vue-ts
- Vite2 初体验
刘佳季
20210618更新日志初始化npminit@vitejs/app//输入project名称ViteDemo//选择语言类型vue=>vue-ts//进入文件夹cd.\ViteDemo//安装依赖npmi//运行npmrundev//地址http://localhost:3000/我的妈，还真是秒启动，瞬间就跑好了，不想Nuxt或者webpack一样，还有个加载时间，加载时间基本可以忽略不计。he
- Vite2.0常见配置
IT飞牛
Vuejavascriptvue.js前端
一、创建1.创建npminitvite@latestmy-vue-app----templatevue-ts查看create-vite以获取每个模板的更多细节：vanilla，vanilla-ts，vue，vue-ts，react，react-ts，preact，preact-ts，lit，lit-ts，svelte，svelte-ts。执行npmrundev命令，启动项目。观察index.htm
- 学习pinia并搭配json-server，axios，typescript实现一个购物车
王元肉
工具vue.jstypescriptpiniavite
文章目录搭建环境基本使用定义仓库在组件中获取仓库中的数据获取仓库中数据的多种方式直接获取与解构获取注意不能直接进行解构获取更改仓库中的数据注意不能使用箭头函数定义action为什么呢？getters的使用pinia与Vuedevtools购物车案例项目目录项目文件启动项目运行效果代码仓库搭建环境npminitvite@latest搭建vue-ts环境vite中文文档npmipinia修改main.
- Vite vue3 ts 配置 postcss、router、Pinia
lv_longcheng
VUEpostcssvue.jsjavascript
目录VScode需要安装的插件初始化项目配置PostCSS配置vue-router配置Pinia使用PiniaVScode需要安装的插件VueLanguageFeatures(Volar)-VisualStudioMarketplacelanguage-postcss-VisualStudioMarketplace初始化项目#创建vue-ts项目pnpmcreatevitemy-vue-app--
- vite+vue3+ts+vue-router+vuex+axios+esline+prettier+axios+antd(ant-design-vue)
zy_080400
vuetypescriptanti-design-vueless
1、创建项目使用vue-ts模板创建项目npmcreatevitemy-vue-app--templatevue-ts项目目录截图2、安装和配置vue-router2.1、安装
[email protected]、配置vue-router2.2.1、在src创建router文件夹并且在router文件夹下创建index.ts文件import{createRou
- 【笔记】使用Vite搭建Vue3(TypeScript版本)项目
YoosonChan
前提条件：已安装nodejs环境（Tips：Vite需要Node.js版本>=12.0.0）已安装yarn使用Vite搭建Vue的TypeScript版本的时候，可以使用Vite自带的模板预设——vue-ts。Tips：在Vue3的单文件组件(SFC)中，已经很好的支持TypeScript，只需要把标签的lang属性设置为ts即可（...(原文)）。1.搭建Vue3(ts)基础环境执行命令行：#n
- 前端工程师想要做一个Vue-ts后台管理系统，如何完成？
源码时代官方
项目准备一.1.项目描述该项目是基于vue和ts的后台管理系统具体包含了登录、数据管理、账号管理模块用户登录系统后，可以查看自己学习情况和添加最新的学习任务等一.2.项目功能界面前端工程师想要做一个Vue-ts后台管理系统，如何完成？前端工程师想要做一个Vue-ts后台管理系统，如何完成？前端工程师想要做一个Vue-ts后台管理系统，如何完成？前端工程师想要做一个Vue-ts后台管理系统，如何完成
- vite+vue3+ts+element-plus项目搭建
jjy8040
vue.js前端学习vue.jstypescriptvite
一.vite+vue3+ts初始化使用vite初始化，初始化过程选择vue-ts，这样就能引入ts，后面不用额外对他进行加入npminitvite@latest二.安装node依赖npmi--save-dev@types/node//引入node模块//tsconfig.json{"compilerOptions":{...(省略配置)"types":["node"]},"include":...
- electron + vue + vite 开发环境搭建1
前端老喵
vue.jselectronjavascript
本章将介绍如何通过vite搭建electron+vue-ts开发环境。nodejs版本16.16.0，vite版本3.2.0，包管理工具pnpm使用vite创建vue-ts项目#使用vitevue-ts模板创建项目pnpmcreatevitefile-manager--templatevue-ts#进入到项目目录下，安装依赖cdfile-managerpnpminstall修改项目结构在src目录
- vite搭建vue3+ts项目 手把手教学
前端bug工程师
vue.jsvue.jstypescript
1.基础框架生成//vue3-demo是自定义的项目名npminitvitevue3-demo----templatevue选择vue选择vue-ts按照提示:cdvue3-demonpminstallnpmrundev提示：这里记录一下:假如你的node版本小于12会报Object.fromEntriesisnotafunction切换node到12以上版本即可!(我这里是nvm管理node版本
- 一步步打造最新前端框架组合 —— vite+vue3+pinia+vue-router@4+setup+ts
ws_code_csdn
vue前端vue.js前端框架typescript
本文将会结合自己搭建经验一步一步展开，记录最新vue前端框架如何搭建。1、安装vite全局安装npminitvite@latest2、使用vite创建vue3工程npminit@vitejs/app第一步：工程文件名第二步：选择框架第三步：选择vue-ts组合第四步：进入项目文件夹，安装依赖即可3、配置eslint、prettier、编辑器首先安装相关依赖，如下：npmiprettiereslin
- vite+vue3使用tsx
Dream_web
vue.jstypescript
安装项目npminitvite@latest根据提示选择vue>vue-ts安装@vitejs/pugin-vue-jsximportVueJsxfrom'@vitejs/pugin-vue-jsx'exportdefaultdefineConfig({vue();vueJsx();})创建一个tsx文件import{Button}from'ant-design-vue'exportdefault
- 使用Vite搭建vue3.0 + Naive UI 项目
James_liPeng
Vue2Vue3vue.jsVue3.0NaNaiveUI
使用Vite搭建vue3.0项目前提：环境准备1.使用NPM安装2.安装2.1输入项目名称选择要创建的框架（我们选择Vue）2.2选择vue-ts如下图所示2.3按照指示进入创建的目录结构查看2.4安装依赖2.5启动2.6启动成功3.安装NaiveUI3.1使用webstrom3.2安装NaiveUI3.3新建测试文件Test3.4按需引入3.5将Test组件使用到首页3.6查看效果4.配置文件v
- vite 创建Vue3项目搭建基本框架
liguoyuan819
Vue使用typescriptvue.jsjavascript
Vue3现在已经开始变为Vue的默认版本，总结一下Vite+Vue3+Typescript搭建项目流程。1.vite初始化项目执行西面的命令npminitvite@latestmy-vue-app之后会出现选择语言版本选择vue之后回车，选择vue-ts后回车初始化项目进入my-vue-app项目根目录下，依次执行以下命令npminstallnpmrundev执行万npmrundev之后，在浏览器
- Vue 3 + TypeScript + Vite + Element-Plus + Router + Axios + Pinia项目搭建（内含完整架构）
Nanchen_42
TSVue3element-uivue.jstypescriptjavascript
Vue3+TypeScript+Vite+Element-Plus+Router+Axios+Pinia项目搭建（内含完整架构）安装Vue3+ts+vitenpminitvite@latest选择y,新建项目名称,选择vue,选择vue-ts下载完成后执行以下命令行cd新建的项目名称npminpmrundev安装Element-Plusnpminstallelement-plus--save安装完
- vue3如何实现PDF文件在线预览功能
目录概述正文创建vue3项目添加PDF预览插件总结概述之前我们用Reactjs+React-PDF实现了React版的PDF文件预览，今天我们用Vue3+Vue-PDF实现Vue版本的PDF文件在线预览功能。我们先来看看完成后效果正文创建vue3项目我们先创建一个的Vue3项目,在终端中输入命令pnpmcreatevitevue-pdf-preview选择vue-ts回车，cd进入项目根目录，执行
- Vue3 + Vue-PDF 实现PDF 文件在线预览实战
目录概述项目实战创建vue3项目添加PDF预览插件概述今天我们用Vue3+Vue-PDF实现Vue版本的PDF文件在线预览功能。我们先来看看完成后效果:项目实战创建vue3项目我们先创建一个的Vue3项目,在终端中输入命令pnpmcreatevitevue-pdf-preview选择vue-ts回车，cd进入项目根目录，执行pnpminstall,等待项目依赖包安装完成。项目依赖包安装完成后，我们
- ztree设置禁用节点
3213213333332132
JavaScriptztreejsonsetDisabledNodeAjax
ztree设置禁用节点的时候注意，当使用ajax后台请求数据,必须要设置为同步获取数据，否者会获取不到节点对象，导致设置禁用没有效果。
$(function(){
showTree();
setDisabledNode();
});
- JVM patch by Taobao
bookjovi
javaHotSpot
在网上无意中看到淘宝提交的hotspot patch，共四个，有意思，记录一下。
7050685：jsdbproc64.sh has a typo in the package name
7058036：FieldsAllocationStyle=2 does not work in 32-bit VM
7060619：C1 should respect inline and
- 将session存储到数据库中
dcj3sjt126com
sqlPHPsession
CREATE TABLE sessions (
id CHAR(32) NOT NULL,
data TEXT,
last_accessed TIMESTAMP NOT NULL,
PRIMARY KEY (id)
);
<?php
/**
* Created by PhpStorm.
* User: michaeldu
* Date
- Vector
171815164
vector
public Vector<CartProduct> delCart(Vector<CartProduct> cart, String id) {
for (int i = 0; i < cart.size(); i++) {
if (cart.get(i).getId().equals(id)) {
cart.remove(i);
- 各连接池配置参数比较
g21121
连接池
排版真心费劲，大家凑合看下吧，见谅~
Druid
DBCP
C3P0
Proxool
数据库用户名称 Username Username User
数据库密码 Password Password Password
驱动名
- [简单]mybatis insert语句添加动态字段
53873039oycg
mybatis
mysql数据库,id自增,配置如下：
<insert id="saveTestTb" useGeneratedKeys="true" keyProperty="id"
parameterType=&
- struts2拦截器配置
云端月影
struts2拦截器
struts2拦截器interceptor的三种配置方法
方法1. 普通配置法
<struts>
<package name="struts2" extends="struts-default">
&
- IE中页面不居中，火狐谷歌等正常
aijuans
IE中页面不居中
问题是首页在火狐、谷歌、所有IE中正常显示，列表页的页面在火狐谷歌中正常，在IE6、7、8中都不中，觉得可能那个地方设置的让IE系列都不认识，仔细查看后发现，列表页中没写HTML模板部分没有添加DTD定义，就是<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
- String,int,Integer,char 几个类型常见转换
antonyup_2006
htmlsql.net
如何将字串 String 转换成整数 int?
int i = Integer.valueOf(my_str).intValue();
int i=Integer.parseInt(str);
如何将字串 String 转换成Integer ?
Integer integer=Integer.valueOf(str);
如何将整数 int 转换成字串 String ?
1.
- PL/SQL的游标类型
百合不是茶
显示游标(静态游标)隐式游标游标的更新和删除%rowtyperef游标(动态游标)
游标是oracle中的一个结果集,用于存放查询的结果;
PL/SQL中游标的声明;
1,声明游标
2,打开游标(默认是关闭的);
3,提取数据
4,关闭游标
注意的要点:游标必须声明在declare中,使用open打开游标,fetch取游标中的数据,close关闭游标
隐式游标:主要是对DML数据的操作隐
- JUnit4中@AfterClass @BeforeClass @after @before的区别对比
bijian1013
JUnit4单元测试
一.基础知识
JUnit4使用Java5中的注解（annotation），以下是JUnit4常用的几个annotation： @Before：初始化方法 对于每一个测试方法都要执行一次（注意与BeforeClass区别，后者是对于所有方法执行一次）@After：释放资源 对于每一个测试方法都要执行一次（注意与AfterClass区别，后者是对于所有方法执行一次
- 精通Oracle10编程SQL(12)开发包
bijian1013
oracle数据库plsql
/*
*开发包
*包用于逻辑组合相关的PL/SQL类型（例如TABLE类型和RECORD类型）、PL/SQL项（例如游标和游标变量）和PL/SQL子程序（例如过程和函数）
*/
--包用于逻辑组合相关的PL/SQL类型、项和子程序，它由包规范和包体两部分组成
--建立包规范：包规范实际是包与应用程序之间的接口，它用于定义包的公用组件，包括常量、变量、游标、过程和函数等
--在包规
- 【EhCache二】ehcache.xml配置详解
bit1129
ehcache.xml
在ehcache官网上找了多次，终于找到ehcache.xml配置元素和属性的含义说明文档了，这个文档包含在ehcache.xml的注释中！
ehcache.xml ： http://ehcache.org/ehcache.xml
ehcache.xsd ： http://ehcache.org/ehcache.xsd
ehcache配置文件的根元素是ehcahe
ehcac
- java.lang.ClassNotFoundException: org.springframework.web.context.ContextLoaderL
白糖_
javaeclipsespringtomcatWeb
今天学习spring+cxf的时候遇到一个问题：在web.xml中配置了spring的上下文监听器：
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
随后启动
- angular.element
boyitech
AngularJSAngularJS APIangular.element
angular.element
描述: 包裹着一部分DOM element或者是HTML字符串，把它作为一个jQuery元素来处理。（类似于jQuery的选择器啦） 如果jQuery被引入了，则angular.element就可以看作是jQuery选择器，选择的对象可以使用jQuery的函数；如果jQuery不可用，angular.e
- java-给定两个已排序序列，找出共同的元素。
bylijinnan
java
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;
public class CommonItemInTwoSortedArray {
/**
* 题目：给定两个已排序序列，找出共同的元素。
* 1.定义两个指针分别指向序列的开始。
* 如果指向的两个元素
- sftp 异常，有遇到的吗？求解
Chen.H
javajcraftauthjschjschexception
com.jcraft.jsch.JSchException: Auth cancel
at com.jcraft.jsch.Session.connect(Session.java:460)
at com.jcraft.jsch.Session.connect(Session.java:154)
at cn.vivame.util.ftp.SftpServerAccess.connec
- [生物智能与人工智能]神经元中的电化学结构代表什么?
comsci
人工智能
我这里做一个大胆的猜想,生物神经网络中的神经元中包含着一些化学和类似电路的结构,这些结构通常用来扮演类似我们在拓扑分析系统中的节点嵌入方程一样,使得我们的神经网络产生智能判断的能力,而这些嵌入到节点中的方程同时也扮演着"经验"的角色....
我们可以尝试一下...在某些神经
- 通过LAC和CID获取经纬度信息
dai_lm
laccid
方法1：
用浏览器打开http://www.minigps.net/cellsearch.html，然后输入lac和cid信息(mcc和mnc可以填0)，如果数据正确就可以获得相应的经纬度
方法2：
发送HTTP请求到http://www.open-electronics.org/celltrack/cell.php?hex=0&lac=<lac>&cid=&
- JAVA的困难分析
datamachine
java
前段时间转了一篇SQL的文章（http://datamachine.iteye.com/blog/1971896），文章不复杂，但思想深刻，就顺便思考了一下java的不足，当砖头丢出来，希望引点和田玉。
-----------------------------------------------------------------------------------------
- 小学5年级英语单词背诵第二课
dcj3sjt126com
englishword
money 钱
paper 纸
speak 讲，说
tell 告诉
remember 记得，想起
knock 敲，击，打
question 问题
number 数字，号码
learn 学会，学习
street 街道
carry 搬运，携带
send 发送，邮寄，发射
must 必须
light 灯，光线，轻的
front
- linux下面没有tree命令
dcj3sjt126com
linux
centos p安装
yum -y install tree
mac os安装
brew install tree
首先来看tree的用法
tree 中文解释：tree
功能说明：以树状图列出目录的内容。
语 法：tree [-aACdDfFgilnNpqstux][-I <范本样式>][-P <范本样式
- Map迭代方式，Map迭代，Map循环
蕃薯耀
Map循环Map迭代Map迭代方式
Map迭代方式，Map迭代，Map循环
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年
- Spring Cache注解+Redis
hanqunfeng
spring
Spring3.1 Cache注解
依赖jar包：
<!-- redis -->
<dependency>
<groupId>org.springframework.data</groupId>
<artifactId>spring-data-redis</artifactId>
- Guava中针对集合的 filter和过滤功能
jackyrong
filter
在guava库中，自带了过滤器(filter)的功能，可以用来对collection 进行过滤，先看例子：
@Test
public void whenFilterWithIterables_thenFiltered() {
List<String> names = Lists.newArrayList("John"
- 学习编程那点事
lampcy
编程androidPHPhtml5
一年前的夏天，我还在纠结要不要改行，要不要去学php？能学到真本事吗？改行能成功吗？太多的问题，我终于不顾一切，下定决心，辞去了工作，来到传说中的帝都。老师给的乘车方式还算有效，很顺利的就到了学校，赶巧了，正好学校搬到了新校区。先安顿了下来，过了个轻松的周末，第一次到帝都，逛逛吧！
接下来的周一，是我噩梦的开始，学习内容对我这个零基础的人来说，除了勉强完成老师布置的作业外，我已经没有时间和精力去
- 架构师之流处理---------bytebuffer的mark,limit和flip
nannan408
ByteBuffer
1.前言。
如题，limit其实就是可以读取的字节长度的意思，flip是清空的意思，mark是标记的意思 。
2.例子.
例子代码:
String str = "helloWorld";
ByteBuffer buff = ByteBuffer.wrap(str.getBytes());
Sy
- org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1, column 1
Everyday都不同
$转义el表达式
最近在做Highcharts的过程中，在写js时，出现了以下异常：
严重: Servlet.service() for servlet jsp threw exception
org.apache.el.parser.ParseException: Encountered " ":" ": "" at line 1,
- 用Java实现发送邮件到163
tntxia
java实现
/*
在java版经常看到有人问如何用javamail发送邮件？如何接收邮件？如何访问多个文件夹等。问题零散，而历史的回复早已经淹没在问题的海洋之中。
本人之前所做过一个java项目，其中包含有WebMail功能，当初为用java实现而对javamail摸索了一段时间，总算有点收获。看到论坛中的经常有此方面的问题，因此把我的一些经验帖出来，希望对大家有些帮助。
此篇仅介绍用
- 探索实体类存在的真正意义
java小叶檀
POJO
一. 实体类简述
实体类其实就是俗称的POJO,这种类一般不实现特殊框架下的接口，在程序中仅作为数据容器用来持久化存储数据用的
POJO（Plain Old Java Objects）简单的Java对象
它的一般格式就是
public class A{
private String id;
public Str
