- Qt编程-qml操作（js，c++，canvas）
其实我今天想吃河北正宗安徽牛肉板面
Qtqt开发语言
QML与C++深度整合及Canvas绘图技术详解一、QML与C++交互机制深度解析1.1交互的必要性与优势核心价值对比表：技术维度QML优势C++优势交互价值界面开发声明式UI，快速布局界面能力有限QML构建UI，C++提供逻辑计算性能JavaScript性能受限高性能计算C++处理复杂算法硬件访问无法直接访问完备的硬件访问能力C++封装硬件接口代码复用适合UI组件集成现有库/系统组件复用C++业
- Python, Rust 开发机关事业单位公文写作助手APP
#机关事业单位公文写作助手应用设计基于Python和Rust开发机关事业单位公文写作APP的方案如下：##系统架构设计```桌面端/Web应用(Tauri/Vue.js)|RESTAPI/WebSocket|Rust核心服务(Actix-web/Axum)←───PythonNLP服务(FastAPI)|公文要素提取/模板生成/智能校对PostgreSQL数据库|Redis缓存(模板缓存/会话管理
- 前端框架中注释占位与Fragment内容替换的实现与优化
xjf7711
前端框架前端javascript注释占位fragment
在现代前端开发中，使用注释占位符替换Fragment内容是一种常见的需求，尤其在处理动态内容、模板预加载和组件复用场景中。React和Vue作为当前最主流的前端框架，提供了不同的实现方式和优化策略，但核心目标都是减少不必要的DOM操作，提高渲染性能，同时保持代码的可维护性和结构清晰。一、注释占位符在前端框架中的概念与作用注释占位符本质上是HTML注释（）在前端框架中的应用延伸。在传统HTML中，注
- vue3 v-model的使用(多个 v-model 绑定)
不知名前端v2
vuevue3前端
//父组件setup(props){constmsg=ref("msg");constfoo=ref('123')return{foo,msg}}{{modelValue}}{{msg}}/>自定义修饰符的用法，根据官方//父组件{{myText}}setup(){return{myText:ref(22);}//不加ref无法做到响应}//子组件//自定义修饰符capitalize通过model
- 本地前后端bat文件启动项目
mgx_718
bat文件启项目
前端@echooffsetPROJECT_PATH=D:\xll_web\login-viewcd/d%PROJECT_PATH%npmrunservepause后端@echooffsetJRE_BIN=C:\ProgramFiles\Java\jre1.8.0_441\binsetJAR_PATH="C:\ProgramFiles\Java\jre1.8.0_441\Forex-0.0.1-SN
- 基于python+django+vue.js开发的停车管理系统源码+运行
功能介绍平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。技术学习共同进步功能包括：车位管理、会员管理、停车场管理、违规管理、用户管理、日志管理、系统信息模块。源码地址https://github.com/geeeeeeeek/python_parking演示地址http://parking.gitapp.cn演示帐号：用户名：admin123密码：a
- 基于python+django+vue.js开发的学生成绩管理系统
西门吹雪1998
毕业设计合集pythondjangovue.js
功能介绍平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。功能包括：成绩管理、学生管理、课程管理、班级管理、用户管理、日志管理、系统信息模块。源码地址https://github.com/geeeeeeeek/python_score演示地址http://score.gitapp.cn演示帐号：用户名：admin123密码：admin123主要使用技术
- 【课程设计】基于python+django+vue.js开发的健身房管理系统
功能介绍平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。给师妹的课程作业。功能包括：教练管理、会员管理、场地管理、设备管理、用户管理、日志管理、系统信息模块。源码地址https://github.com/geeeeeeeek/python_fitness演示地址http://fitness.gitapp.cn演示帐号：用户名：admin123密码：a
- 基于python+django+vue.js开发的健身房管理系统源码+运行
功能介绍平台采用B/S结构，后端采用主流的Python语言进行开发，前端采用主流的Vue.js进行开发。技术学习共同进步功能包括：教练管理、会员管理、场地管理、设备管理、用户管理、日志管理、系统信息模块。源码地址https://github.com/geeeeeeeek/python_fitness演示地址http://fitness.gitapp.cn演示帐号：用户名：admin123密码：ad
- react学习小记
LL_wjj
typescript前端react.js学习typescript
React：react和vue的不同：vue：双向数据流，他的数据绑定依赖数据劫持，object.defineProperty()中的getter和setter。更形视图是采用MVVMReact:单向数据流,依赖onChange/setState模式，来实现数据双向绑定vue：组件传值方式，props和data来进行传值react：组件传值方式，props和state来进行传值都可以通过写一个ev
- React 学习计划
夜游猿
Reactreact.js学习前端
React学习计划前置知识目标熟练掌握HTML、CSS和JavaScript的基础知识。了解ES6+的新特性。学习内容HTML:标签属性表单布局CSS:选择器盒模型布局（Flexbox,Grid）响应式设计JavaScript:变量数据类型控制结构函数对象数组DOM操作ES6+:箭头函数模板字符串解构赋值类模块化资源MDNWeb文档《你不知道的JavaScript》（上卷）React基础目标能够创
- 【前端工程化】前端开发中的这些设计规范你知道吗
前端
在企业级后台系统中，设计规范更注重功能完整性、操作效率与视觉一致性。相比C端强调交互体验和动效表现，B端更关注数据呈现的清晰度、控件的一致性以及长时间使用的舒适性。以下是整理的偏B端应用设计的一些设计规范。一、组件库设计原则统一性优先所有UI组件保持一致的样式风格和交互方式，降低学习成本。可维护性强组件逻辑清晰，对外暴露的props明确，便于后期迭代和维护。业务导向围绕常见的企业场景封装组件，如表
- 前端3D技术-3. Three.js 入门
程序员勇哥
前端全套教程前端3djavascripttypescriptreact.js开发语言
前端3D技术-3.Three.js入门在前端3D开发领域，WebGL虽能实现高性能3D渲染，但直接使用其API开发门槛较高。而Three.js作为基于WebGL封装的JavaScript库，极大降低了3D开发难度，成为众多开发者的首选。下面就让我们走进Three.js的世界，开启3D开发的入门之旅。Three.js简介与安装Three.js的优势和特点Three.js最大的优势在于它对WebGL复
- Vue如何处理数据、v-HTML的使用及总结
网络点点滴
Vue3vue.jshtml前端
Vue如何处理数据、v-HTML的使用及总结Vue是如何处理数据的这里我们先看一段代码constapp=Vue.createApp({data(){return{courseGoalA:'学习Vue,最终掌握Vue',courseGoalB:'掌握Vue,并构建相应的应用程序',vueLink:'https://cn.vuejs.org/'};},methods:{outputGoal(){con
- 2025 前端工程化：从混沌到秩序，AI时代构建高性能 Web 应用的制胜之道 （万字干货）
引言：AI时代前端工程化的新范式2025年的前端开发已不再是简单的页面构建，而是涉及复杂系统设计、性能优化、跨端兼容和团队协作的综合工程学科。本指南将深入剖析当前前端工程化的核心技术栈，结合最新工具链和最佳实践，帮助开发者构建高效、可维护的现代Web应用。前端工程化已从"构建工具+打包优化"的初级阶段，演进为包含模块化架构、智能化开发、性能监控和安全防护的全链路体系。随着WebAssembly、A
- 从零用java实现 小红书 springboot vue uniapp （9）消息推送功能
顽疲
java仿写小红书javaspringbootvue.jsuni-app
前言移动端演示http://8.146.211.120:8081/#/前面的文章我们主要完成了个人资料修改消息页优化这篇文章我们讲解消息推送推送页面因为我们的推送消息都在一个页面所以我们可以复用消息的websokcet推送首先需要在点赞表收藏表关注表回复表都添加未读字段`MESSAGE_STATUS`tinyint(2)DEFAULT'0'COMMENT'0发送1已读'当我们不在任何一个详情页例如
- 从零用java实现 小红书 springboot vue uniapp （10）系统消息模块 接收推送消息优化
顽疲
java仿写小红书javaspringbootvue.jsuni-app
前言移动端演示http://8.146.211.120:8081/#/管理端演示http://8.146.211.120:8088/#/项目整体介绍及演示前面的文章我们主要完成了后台客服系统的完成和管理端的搭建今天我们完成通知消息及推送相关优化首先我们参考小红书的通知页面可以看出由这几部分组成标题内容时间跳转页面我们创建通知表CREATETABLE`business_notice`(`NOTICE
- 从零用java实现 小红书 springboot vue uniapp （7）im 在线聊天功能 关注功能
顽疲
java仿写小红书javaspringbootvue.jsuni-app
前言移动端演示http://8.146.211.120:8081/#/前面的文章我们主要完成了笔记的点赞和收藏及留言功能今天我们讲解点赞关注im聊天功能关注我们需要有一个关注的操作这里我们复用个人中心页面按钮会有三种形式关注取消关注互相关注三种样式取消关注回关关注关注和点赞功能实现原理大致相同只不过有一个互相关注后台先创建一个关注表CREATETABLE`business_follow`(`ID`
- input 获取焦点时全选
肖肖肖丽珠
vue.js前端javascript
这样的一个状态。这样编辑的时候就直接覆盖掉原来的。在main.js里面自定义指令//input框获取焦点时全选。注意input类型是textarea时Vue.directive("select-on-focus",{inserted(el){constinput=el.querySelector('input')||el.querySelector('textarea');if(input){in
- ThreeJS入门（153）：THREE.Texture 知识详解，示例代码
还是大剑师兰特
#ThreeJS综合教程500+大剑师threejs示例threejs教程
作者：还是大剑师兰特，曾为美国某知名大学计算机专业研究生，现为国内GIS领域高级前端工程师，CSDN知名博主，深耕openlayers、leaflet、mapbox、cesium，webgl，ThreeJS，canvas，echarts等技术开发，欢迎加微信（gis-dajianshi），一起交流。查看本专栏目录-本文是第153篇入门文章文章目录构造函数属性方法使用示例注意事项总结THREE.Te
- js代码中的作用域
好的，我们来详细梳理一下JavaScript中的变量作用域(VariableScope)。这是一个非常核心的概念，尤其是在ES6（2015年）引入let和const之后，理解作用域变得更加重要。什么是作用域(Scope)？简单来说，作用域就是一套规则，用来规定变量和函数在代码中的可访问范围。你可以把它想象成变量能够“存活”和被访问的“地盘”或“领地”。一旦离开了这个地盘，你就无法访问它了。作用域的
- {{ }}和v-on:click
好的，我们来对Vue中这两个最常用语法的“可接受内容”进行一个清晰的总结。它们的核心区别在于职责不同：一个是为了显示，另一个是为了行动。总结对比表特性插值表达式{{}}v-on事件处理器(@)核心职责计算并显示一个值(DisplayaValue)当事件发生时执行一个动作(ExecuteanAction)性质只读的(Read-only)可写的(Writable)允许的内容无副作用的JavaScrip
- SVG 在 VSCode 中的使用与优势
SVG在VSCode中的使用与优势引言SVG（可缩放矢量图形）是一种基于可扩展标记语言的图形图像格式，与传统的位图格式（如JPEG或PNG）相比，SVG图像具有更高的灵活性和可缩放性。随着前端开发领域的不断发展，SVG在网页设计中的应用越来越广泛。本文将介绍SVG在VisualStudioCode（VSCode）中的使用方法及其优势。SVG简介SVG是一种矢量图形格式，与位图不同，矢量图形由直线和
- jQuery CSS 类
jQueryCSS类引言jQuery是一个快速、小型且功能丰富的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax操作。在jQuery中，CSS类的使用是处理样式和美化网页的关键组成部分。本文将深入探讨jQueryCSS类的使用方法，包括如何添加、移除、切换和检查CSS类，以及如何通过CSS类实现动态样式变化。jQueryCSS类的基本概念CSS类是HTML元素的一个
- 部署项目后配置nginx 前端项目地址路径
weixin_54129994
server{listen端口;server_nameip地址;#charsetkoi8-r;#access_loglogs/host.access.logmain;location/{root/home/userManagement;//路径indexindex.htmlindex.htm;//文件try_files$uri$uri//index.html;expires7d;}location
- vue+element-ui：vue自定义指令监听el-table的滚动事件，达到滚动条滚动到底部加载新数据。
weixin_54129994
vue+element-uivuejsjavascript
1.首先在vue项目中的main.js文件添加一个监听el-table滚动条事件的自定义指令，以供全局使用。//准备一个滚动加载指令Vue.directive('loadmore',{bind(el,binding){constselectWrap=el.querySelector('.el-table__body-wrapper')selectWrap.addEventListener('scr
- 富文本编辑器插件支持哪些格式导入？Word、Excel、PPT全解析
路过了忘了
前端pdfumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入word
要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
- 有没有编辑器支持excel、ppt、pdf及word导入？
要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
- Excel、PPT、PDF如何导入百度富文本编辑器？
2501_90699800
excelpowerpointpdfumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片
要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
- 每天一个前端小知识 Day 19 - 前端 CI/CD 自动化部署体系全流程
蓝婷儿
前端面试前端ci/cd自动化
前端CI/CD自动化部署体系全流程CI/CD是什么？概念解释CI（持续集成）自动构建+自动测试+合并提交CD（持续部署）自动部署到测试/生产服务器目标是：让代码一提交，自动构建→测试→上线→通知，提高发布效率和质量。一、完整的前端部署流程概览1.提交代码到Git仓库（如GitHub）↓2.触发CI流程（如GitHubActions）↓3.安装依赖、构建产物（npmrunbuild）↓4.自动化测试
- java杨辉三角
3213213333332132
java基础
package com.algorithm;
/**
* @Description 杨辉三角
* @author FuJianyong
* 2015-1-22上午10:10:59
*/
public class YangHui {
public static void main(String[] args) {
//初始化二维数组长度
int[][] y
- 《大话重构》之大布局的辛酸历史
白糖_
重构
《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。
背景
公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
- 电驴链接在线视频播放源码
dubinwei
源码电驴播放器视频ed2k
本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网：
http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。
项目源码：
http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。
项目源码依赖于两个库项目，库项目一链接：
http://git.oschina.
- Javascript中函数的toString()方法
周凡杨
JavaScriptjstoStringfunctionobject
简述
The toString() method returns a string representing the source code of the function.
简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。
句法
function.
- struts处理自定义异常
g21121
struts
很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。
非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。
此处我们用的是非运行时异常，首先定义一个异常LoginException:
/**
* 类描述：登录相
- Linux中find常见用法示例
510888780
linux
Linux中find常见用法示例
·find path -option [ -print ] [ -exec -ok command ] {} \;
find命令的参数；
- SpringMVC的各种参数绑定方式
Harry642
springMVC绑定表单
1. 基本数据类型(以int为例，其他类似)：
Controller代码：
@RequestMapping("saysth.do")
public void test(int count) {
}
表单代码：
<form action="saysth.do" method="post&q
- Java 获取Oracle ROWID
aijuans
javaoracle
A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row.
The oracle.sql.ROWID class i
- java获取方法的参数名
antlove
javajdkparametermethodreflect
reflect.ClassInformationUtil.java
package reflect;
import javassist.ClassPool;
import javassist.CtClass;
import javassist.CtMethod;
import javassist.Modifier;
import javassist.bytecode.CodeAtt
- JAVA正则表达式匹配 查找 替换 提取操作
百合不是茶
java正则表达式替换提取查找
正则表达式的查找;主要是用到String类中的split();
String str;
str.split();方法中传入按照什么规则截取,返回一个String数组
常见的截取规则:
str.split("\\.")按照.来截取
str.
- Java中equals()与hashCode()方法详解
bijian1013
javasetequals()hashCode()
一.equals()方法详解
equals()方法在object类中定义如下：
public boolean equals(Object obj) {
return (this == obj);
}
很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
- 精通Oracle10编程SQL(4)使用SQL语句
bijian1013
oracle数据库plsql
--工资级别表
create table SALGRADE
(
GRADE NUMBER(10),
LOSAL NUMBER(10,2),
HISAL NUMBER(10,2)
)
insert into SALGRADE values(1,0,100);
insert into SALGRADE values(2,100,200);
inser
- 【Nginx二】Nginx作为静态文件HTTP服务器
bit1129
HTTP服务器
Nginx作为静态文件HTTP服务器
在本地系统中创建/data/www目录，存放html文件(包括index.html)
创建/data/images目录，存放imags图片
在主配置文件中添加http指令
http {
server {
listen 80;
server_name
- kafka获得最新partition offset
blackproof
kafkapartitionoffset最新
kafka获得partition下标，需要用到kafka的simpleconsumer
import java.util.ArrayList;
import java.util.Collections;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.
- centos 7安装docker两种方式
ronin47
第一种是采用yum 方式
yum install -y docker
- java-60-在O(1)时间删除链表结点
bylijinnan
java
public class DeleteNode_O1_Time {
/**
* Q 60 在O(1)时间删除链表结点
* 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点
*
* Assume the list is:
* head->...->nodeToDelete->mNode->nNode->..
- nginx利用proxy_cache来缓存文件
cfyme
cache
user zhangy users;
worker_processes 10;
error_log /var/vlogs/nginx_error.log crit;
pid /var/vlogs/nginx.pid;
#Specifies the value for ma
- [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题
comsci
嵌入式
假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：
string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"
定义一个0整数c,然后用这个整数c去
- 如何集成支付宝官方文档
dai_lm
android
官方文档下载地址
https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash
集成的必要条件
1. 需要有自己的Server接收支付宝的消息
2. 需要先制作app，然后提交支付宝审核，通过后才能集成
调试的时候估计会真的扣款，请注意
- 应该在什么时候使用Hadoop
datamachine
hadoop
原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html
存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。
--------------------------------------------万能的分割线--------------------------------
有人问我，“你在大数据和Hado
- 在GridView中对于有外键的字段使用关联模型进行搜索和排序
dcj3sjt126com
yii
在GridView中使用关联模型进行搜索和排序
首先我们有两个模型它们直接有关联:
class Author extends CActiveRecord {
...
}
class Post extends CActiveRecord {
...
function relations() {
return array(
'
- 使用NSString 的格式化大全
dcj3sjt126com
Objective-C
格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
- 使用activeX插件对象object滚动有重影
蕃薯耀
activeX插件滚动有重影
使用activeX插件对象object滚动有重影 <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
- SpringMVC4零配置
hanqunfeng
springmvc4
基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。
项目说明如下：
1.db.sql是项目中用到的表，数据库使用的是oracle11g
2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动；
3.默认项目为零配置启动，如果需要更改启动方式，请
- 《开源框架那点事儿16》：缓存相关代码的演变
j2eetop
开源框架
问题引入
上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。
该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。
当然去看相关实现代代码的时候，大致是下面的样子。
[java]
view plain
copy
print
?
public vo
- AngularJS浅析
kvhur
JavaScript
概念
AngularJS is a structural framework for dynamic web apps.
了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm
Directive
扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
- 架构师之jdk的bug排查(一)---------------split的点号陷阱
nannan408
split
1.前言.
jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug.
2.代码
String[] paths = "object.object2.prop11".split("'");
System.ou
- 如何对10亿数据量级的mongoDB作高效的全表扫描
quentinXXZ
mongodb
本文链接:
http://quentinXXZ.iteye.com/blog/2149440
一、正常情况下，不应该有这种需求
首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。
说一下，
- C语言算法之水仙花数
qiufeihu
c算法
/**
* 水仙花数
*/
#include <stdio.h>
#define N 10
int main()
{
int x,y,z;
for(x=1;x<=N;x++)
for(y=0;y<=N;y++)
for(z=0;z<=N;z++)
if(x*100+y*10+z == x*x*x
- JSP指令
wyzuomumu
jsp
jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %>
常用的三种指令： page,include,taglib
page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%>
include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include
