- vue+django 前后端数据同步
weixin_44079503
djangovue.jspython
目标:在views.py中,准备好数据后,通过Vue的v-model双向绑定功能在index.html中显示。当数据修改后,点击按钮提交后,以对象的形式向views.py传递并更新后端数据。总体思路:views.py用字典存数据暴露api的get方法,在页面加载时双向绑定数据修改数据提交后,点按钮把数据对象用json字符串传过来用simplejson.loads还原对象后,更新字典值步骤:准备数据
- SpringBoot 根据配置前缀绑定配置:@ConfigurationProperties
JiaHao汤
SpringBootspringboot后端javaspringboot
文章目录内部Bean配置绑定第三方Bean配置绑定@ConfigurationProperties是Spring在org.springframework.boot.context.properties包中提供的一个注解。它的作用是根据注解中配置的前缀对SpringBoot配置文件(即application.xxx)中前缀相同的配置进行属性绑定。对于@ConfigurationProperties注
- iOS 侧滑返回手势与Scrollview冲突的解决办法
李绿箩
iOSgit
网络上找到解决办法会影响到系统tableview和collectionview的滚动,故做一下优化uiscrollview里面实现://是否支持多手势触发,返回YES,则可以多个手势一起触发方法,返回NO则为互斥.//是否允许多个手势识别器共同识别,一个控件的手势识别后是否阻断手势识别继续向下传播,默认返回NO;如果为YES,响应者链上层对象触发手势识别后,如果下层对象也添加了手势并成功识别也会继
- [论文精读]AI-Guardian: Defeating Adversarial Attacks using Backdoors
0x211
论文精读人工智能
会议名称:2023IEEESymposiumonSecurityandPrivacy(SP)发布链接:AI-Guardian:DefeatingAdversarialAttacksusingBackdoors|IEEEConferencePublication|IEEEXplore中文译名:AI-Guardian:利用后门防御对抗攻击阅读原因:网安相关,方班需要本文主要介绍了一种名为AI-Guar
- iOS与Flutter相互通信
songhai11
Flutter专题
iOS与Flutter相互通信iOS项目加入Flutter接着上一篇继续,在原有iOS项目中加入Flutter后,就需要考虑如何通过原生跳转到flutter,如何原生与flutter进行通信。iOS原生跳转Flutter在ViewController控制器中,添加一个按钮–‘flutter跳转’;当点击按钮的时候,跳转进flutter页面。在跳转的地方,声明一个FlutterViewControl
- Docker部署PhotoPrism、Immich图片管理应用,无需公网IP远程访问教程
dockernas
除了Synology(群晖)、QNAP(威联通)、TerraMaster(铁威马)等品牌NAS设备内置的图库功能,目前市面上还有一系列备受欢迎的第三方应用,如:PhotoPrism、Immich、LibrePhotos、Piwigo、Photoview等,它们同样提供了强大的图片管理能力。而且这些第三方图库应用,很多都可以使用Docker方式轻松部署,非常适合自建NAS或使用私有云的小伙伴使用。以
- ClickHouse 学习笔记
金州饿霸
BigData分布式数据库clickhouse学习笔记
1.连接到ClickHouse服务器clickhouse-client--host=10.16.226.100--user=default--password2.在ClickHouse中,如果你想要单独删除一行记录,且使用的是Distributed表引擎(或者其他不支持ALTERTABLEDELETE的引擎),你将无法直接通过删除操作来实现这一目标。ClickHouse是为大规模数据分析设计的,它
- 【C#】VS2019怎么能无论是Debug还是Release模式,生成路径都在Release文件夹下?
JosieBook
#C#语言vs
文章目录⭐问题⭐解决标题详情作者JosieBook头衔CSDN博客专家资格、阿里云社区专家博主、软件设计工程师博客内容开源、框架、软件工程、全栈(,NET/Java/Python/C++)、数据库、操作系统、大数据、人工智能、工控、网络、程序人生口号Tobeyourself,todowhatyouwant.联系方式q:1967473153欢迎三连点赞、✍评论、⭐收藏⭐问题正常情况下,是这样:怎么让
- vite+vue+ts+element-plus从零开发管理后台框架(18)-主颜色优化
mirahs
vue.js
问题编辑src/views/Home.vue,添加一个主颜色的按钮。Primary首页{{item}}正常鼠标滑过发现鼠标滑过后颜色出问题了,这是因为按钮样式使用了主颜色相关的变量,而主颜色相关的变量不止el-color-primary这个css变量。按钮样式主颜色变量所以我们要把这些主颜色相关的变量都动态设置解决编辑src/store/color.ts,添加如下辅助方法。import{defin
- vite+vue+ts+element-plus从零开发管理后台框架(03)-路由
mirahs
vue.js
新建视图新建src/views/Login.vue,内容如下。这是登录页新建src/views/Main.vue,内容如下。这是主页新建src/views/errors/404.vue,内容如下。404pagenotfound编辑src/App.vue,内容如下。路由配置安装组件
[email protected]新建src/router/index.ts,内容如下。import{
- 简单好用的四级作文模板
梁辰兴
四级作文模板注:开头部分类别现象解释观点选择问题解决图画通用部分注:来源:哔站-瑞思拜课程开头部分类别现象解释Withtherapiddevelopmentofsociety/economy/education/technology/culture/medicalservice.Itisofgreatnecessityforyoungster/studentstoimproveourspeakin
- 【写作模板】JosieBook的写作模板
JosieBook
开源&框架模板
文章目录⭐前言⭐一、设计模式怎样解决设计问题?1、寻找合适的对象✨(1)✨(2)✨(3)2、决定对象的粒度3、指定对象接口4、描述对象的实现5、运用复用机制6、关联运行时和编译时的结构7、设计应支持变化⭐二、怎样选择设计模式?⭐三、怎样使用设计模式?⭐总结标题详情作者JosieBook头衔CSDN博客专家资格、阿里云社区专家博主、软件设计工程师博客内容开源、框架、软件工程、全栈(,NET/Java
- Flink架构组件JobManager和TaskManager
m0_37651941
flink架构大数据
JobManager和TaskManager交互通过Task对象ActorSystem是Akka最重要的一个组件。JobDispatcher负责接收Client提交的JobGraph对象,然后拆分成不同的作业,提交到TaskManager.这个过程会涉及到Job的分发。standlone模式和yarn模式的ResourceManager是不同的实现。TaskManager启动后会主动向JobMan
- 支持 40+ 插件,Spring AI Alibaba 简化智能体私有数据集成
阿里云云原生
人工智能spring数据挖掘
作者:张震霆&何裕墙,SpringAIAlibabaContributor在AI智能体(AIAgent)开发的过程中,RAG(Retrieval-AugmentedGeneration)和ToolCalling已经成为两种至关重要的模式。RAG通过结合检索技术和生成模型的强大能力,使智能体能够实时从外部数据源获取信息,并在生成过程中增强其知识深度和推理能力。通过这种方式,智能体不仅能依赖于模型的预
- Windows 如何卸载 Docker
KaedaRukawa
调试容器运维windowsdocker
在卸载Docker之前,请确保系统上没有运行任何容器。运行以下cmdlet,检查是否有正在运行的容器:PowerShell#Leaveswarmmode(thiswillautomaticallystopandremoveservicesandoverlaynetworks)dockerswarmleave--force#Stopallrunningcontainersdockerps--quie
- Django REST Framework 中 ModelViewSet 的接口方法及参数详解,继承的方法和核心类方法,常用查询方法接口
coderZT
djangopython后端
第一部分(ModelViewSet)一、ModelViewSet的继承结构ModelViewSet继承自以下类:ModelViewSet=(CreateModelMixin+#创建RetrieveModelMixin+#检索单个UpdateModelMixin+#更新DestroyModelMixin+#删除ListModelMixin+#列表GenericViewSet#基础视图集)二、默认接口
- 星际争霸母巢之战秘籍
小魚資源大雜燴
GAME游戏
资源类showmethemoney:增加10,000气和矿。whatsmineismine:增加500矿。breathedeep:增加500气。升级与生产类somethingfornothing:所有升级项目升一级。medievalman:拥有所有的研究能力。modifythephasevariance:拥有生产所有建筑物的能力。foodforthought:没有人口限制。建造与速度类operat
- 【C++ 系列文章 基础 01 -- std::string 与 fmt::format】
主公讲 ARM
#C++系列文章c++开发语言C++
文章目录Overview1.C++中的std::string简介2.fmt::format格式化函数简介3.示例代码解析4.应用场景与优势2.std::string与fmt::format简介std::stringfmt::format3.代码解析3.1格式化字符串生成3.2调用函数cmd_handler3.3返回id_code4.代码整体流程与应用场景5.总结Overview下面将详细介绍C++
- TouchGFX之MVP
Stone_lu。
STM32arm开发
TouchGFX用户接口遵循Model-View-Presenter(MVP)架构模式,它是Model-View-Controller(MVC)模式的派生模式。两者都广泛用于构建用户接口应用。MVP模式的主要优势是:关注点分离:将代码分成不同的部分提供,每部分有自己的任务。这使得代码更简单、可重复使用性更高且更易于维护。单元测试:由于UI的逻辑(Presenter)独立于视图(View),因此,单
- 构建JSBridge鸿蒙示例代码
本文原创发布在华为开发者社区。介绍本示例实现了简单的JSBridge,使H5和原生两侧可以互相调用对方的方法。构建JSBridge源码链接效果预览使用说明打开应用后,点击调用native按钮,实现原生方面调用H5方法,在后台打印数据。实现思路原生调H5invokeHandle(handleName:string,callbackName:string){try{this.webviewContro
- 字典树(Trie) 理论知识复习及精选例题解析
BrainWen1
算法javac++数据结构pythonleetcodevscode
字典树理论知识复习及精选例题解析一、字典树理论知识二、精选例题解析例题1.P8306【模板】字典树例题2.P2580于是他错误的点名开始了例题3.P10471最大异或对TheXORLargestPair三、字典树的使用思路和细节使用思路细节注意四、总结一、字典树理论知识1.定义字典树(Trie)字典树(Trie)字典树(Trie),又称前缀树,是一种树形数据结构,用于高效地存储和检索字符串集合。它
- # 2025年前端开发趋势:全栈化、AI化与跨端融合
沈大大520
前端最新技术动态人工智能前端vue.js
本文深度分析2025年前端开发的技术趋势、岗位变革和能力要求,助你提前布局职业发展。作者:沈大大更新时间:2025-03-10一、技术栈演进1.1全栈化趋势//全栈应用示例import{createApp}from'vue'import{createServer}from'nitro'import{PrismaClient}from'@prisma/client'//前端应用constapp=cr
- Deepsearch 、Rag 、RraphRag
kse_music
混杂raggraphragdeepsearch
文章目录前言一、Ai-Search1.DeepSearch2.RAG(Retrieval-AugmentedGeneration)3.GraphRAG(Graph-basedRetrieval-AugmentedGeneration)二、选择指南三、结合应用总结前言DeepSearch、RAG(Retrieval-AugmentedGeneration)和GraphRAG这三种技术在智能检索、信息
- Python面向对象(OOP)速成教程
ftpeak
Pythonpython开发语言
Python是一门支持面向对象编程(OOP)的语言,面向对象编程的核心概念包括类、对象、封装、继承和多态。下面通过具体的范例来详细介绍这些概念的使用一、类和对象类是对象的设计稿,定义了对象的属性和方法;对象是类的实例。#定义一个类classDog:#类属性species="Canisfamiliaris"def__init__(self,name,age):#实例属性self.name=names
- 表、索引统计信息锁定和解锁
deadknight9
运维Oracle数据库oracle
零、查看数据库的统计信息收集是否开启select*fromdba_autotask_client;autooptimizerstatscollection是表示开启数据库自动统计信息收集。一、查看统计信息是否锁定selectstattype_locked,last_analyzed,a.*fromdba_tab_statisticsawherea.stattype_lockedisnotnull;
- 哔站评论爬取
yzx991013
python
代码如下:importrequestscookies={'buvid3':'A02E7647-6DFD-E7ED-47C4-7472A53A74A535400infoc','b_nut':'1727598635','_uuid':'16375F45-C5DB-F3CA-A989-10D6ACF105C76E35219infoc','enable_web_push':'DISABLE','buvid
- 嵌入式系统测试必备:9大理由解析报告与可追溯性的重要性(附工具推荐TESSY)
在嵌入式系统的软件测试项目中,报告和可追溯性至关重要,原因有多个。它们是确保嵌入式系统可靠、合规且高质量的基础。报告和可追溯性不仅支持有效的项目管理,还促进了维护和调试,并为审计及持续改进工作提供了必要的文档支持。理由1:合规性嵌入式系统常用于汽车、航空航天、医疗设备和工业控制系统等关键应用领域。这些行业受到严格的法规和标准约束(例如ISO26262、DO-178C、IEC62304)。全面的报告
- trino与ranger集成
小南瓜瓜
大数据rangertrino
集成trino配置将编译后的ranger-trino插件包拷贝到Trino的coordinator节点,然后解压。修改install.properties文件:#rangeradminurlPOLICY_MGR_URL=http://nn23.fff.com:6080/REPOSITORY_NAME=trinodev#审计日志根据需要#trino安装目录COMPONENT_INSTALL_DIR_
- OpenHarmony Codec HDI codec_capabilities HCS配置解析
少年的云河月
视频编解码harmonyos
一、简介HCS(HDFConfigurationSource)是HDF驱动框架的配置描述源码,内容以Key-Value为主要形式。它实现了配置代码与驱动代码解耦,便于开发者进行配置管理。本文主要讲解CodecHDI支持的编解码组件HCS配置文件,简单分析每一个key的意义和用途。二、编解码组件HCS配置编解码组件配置文件一般位于//vendor/{company}/{chiptype}/hdf_c
- 数据库统计信息开启和关闭
deadknight9
Oracle运维数据库
一、查看是否开启selectclient_name,statusfromDBA_AUTOTASK_CLIENT;CLIENT_NAMESTATUS----------------------------------------------------------------------------autooptimizerstatscollectionENABLEDautospaceadvisor
- java短路运算符和逻辑运算符的区别
3213213333332132
java基础
/*
* 逻辑运算符——不论是什么条件都要执行左右两边代码
* 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的
* 原理很简单,并联电路代表短路或(||),串联电路代表短路与(&&)。
*
* 并联电路两个开关只要有一个开关闭合,电路就会通。
* 类似于短路或(||),只要有其中一个为true(开关闭合)是
- Java异常那些不得不说的事
白糖_
javaexception
一、在finally块中做数据回收操作
比如数据库连接都是很宝贵的,所以最好在finally中关闭连接。
JDBCAgent jdbc = new JDBCAgent();
try{
jdbc.excute("select * from ctp_log");
}catch(SQLException e){
...
}finally{
jdbc.close();
- utf-8与utf-8(无BOM)的区别
dcj3sjt126com
PHP
BOM——Byte Order Mark,就是字节序标记 在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符,它的编码是FEFF。而FFFE在UCS中是不存在的字符,所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前,先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
- JAVA Annotation之定义篇
周凡杨
java注解annotation入门注释
Annotation: 译为注释或注解
An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
- tomcat的多域名、虚拟主机配置
g21121
tomcat
众所周知apache可以配置多域名和虚拟主机,而且配置起来比较简单,但是项目用到的是tomcat,配来配去总是不成功。查了些资料才总算可以,下面就跟大家分享下经验。
很多朋友搜索的内容基本是告诉我们这么配置:
在Engine标签下增面积Host标签,如下:
<Host name="www.site1.com" appBase="webapps"
- Linux SSH 错误解析(Capistrano 的cap 访问错误 Permission )
510888780
linuxcapistrano
1.ssh -v
[email protected] 出现
Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password).
错误
运行状况如下:
OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013
debug1: Reading configuratio
- log4j的用法
Harry642
javalog4j
一、前言: log4j 是一个开放源码项目,是广泛使用的以Java编写的日志记录包。由于log4j出色的表现, 当时在log4j完成时,log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类,但当时jdk1.4已接近完成,所以sun拒绝使用log4j,当在java开发中
- mysql、sqlserver、oracle分页,java分页统一接口实现
aijuans
oraclejave
定义:pageStart 起始页,pageEnd 终止页,pageSize页面容量
oracle分页:
select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart
sqlServer分页:
 
- Hessian 简单例子
antlove
javaWebservicehessian
hello.hessian.MyCar.java
package hessian.pojo;
import java.io.Serializable;
public class MyCar implements Serializable {
private static final long serialVersionUID = 473690540190845543
- 数据库对象的同义词和序列
百合不是茶
sql序列同义词ORACLE权限
回顾简单的数据库权限等命令;
解锁用户和锁定用户
alter user scott account lock/unlock;
//system下查看系统中的用户
select * dba_users;
//创建用户名和密码
create user wj identified by wj;
identified by
//授予连接权和建表权
grant connect to
- 使用Powermock和mockito测试静态方法
bijian1013
持续集成单元测试mockitoPowermock
实例:
package com.bijian.study;
import static org.junit.Assert.assertEquals;
import java.io.IOException;
import org.junit.Before;
import org.junit.Test;
import or
- 精通Oracle10编程SQL(6)访问ORACLE
bijian1013
oracle数据库plsql
/*
*访问ORACLE
*/
--检索单行数据
--使用标量变量接收数据
DECLARE
v_ename emp.ename%TYPE;
v_sal emp.sal%TYPE;
BEGIN
select ename,sal into v_ename,v_sal
from emp where empno=&no;
dbms_output.pu
- 【Nginx四】Nginx作为HTTP负载均衡服务器
bit1129
nginx
Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统,通过负载均衡服务器,可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器,可以带来很多好处:
负载均衡的好处
增加可用资源
增加吞吐量
加快响应速度,降低延时
出错的重试验机制
Nginx主要支持三种均衡算法:
round-robin
l
- jquery-validation备忘
白糖_
jquerycssF#Firebug
留点学习jquery validation总结的代码:
function checkForm(){
validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID
errorElement :"span",// 使用"div"标签标记错误, 默认:&
- solr限制admin界面访问(端口限制和http授权限制)
ronin47
限定Ip访问
solr的管理界面可以帮助我们做很多事情,但是把solr程序放到公网之后就要限制对admin的访问了。
可以通过tomcat的http基本授权来做限制,也可以通过iptables防火墙来限制。
我们先看如何通过tomcat配置http授权限制。
第一步: 在tomcat的conf/tomcat-users.xml文件中添加管理用户,比如:
<userusername="ad
- 多线程-用JAVA写一个多线程程序,写四个线程,其中二个对一个变量加1,另外二个对一个变量减1
bylijinnan
java多线程
public class IncDecThread {
private int j=10;
/*
* 题目:用JAVA写一个多线程程序,写四个线程,其中二个对一个变量加1,另外二个对一个变量减1
* 两个问题:
* 1、线程同步--synchronized
* 2、线程之间如何共享同一个j变量--内部类
*/
public static
- 买房历程
cfyme
2015-06-21: 万科未来城,看房子
2015-06-26: 办理贷款手续,贷款73万,贷款利率5.65=5.3675
2015-06-27: 房子首付,签完合同
2015-06-28,央行宣布降息 0.25,就2天的时间差啊,没赶上。
首付,老婆找他的小姐妹接了5万,另外几个朋友借了1-
- [军事与科技]制造大型太空战舰的前奏
comsci
制造
天气热了........空调和电扇要准备好..........
最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........
所以,我们不得不关
- dateformat
dai_lm
DateFormat
"Symbol Meaning Presentation Ex."
"------ ------- ------------ ----"
"G era designator (Text) AD"
"y year
- Hadoop如何实现关联计算
datamachine
mapreducehadoop关联计算
选择Hadoop,低成本和高扩展性是主要原因,但但它的开发效率实在无法让人满意。
以关联计算为例。
假设:HDFS上有2个文件,分别是客户信息和订单信息,customerID是它们之间的关联字段。如何进行关联计算,以便将客户名称添加到订单列表中?
&nbs
- 用户模型中修改用户信息时,密码是如何处理的
dcj3sjt126com
yii
当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦,所有我想分享一下我是怎么处理的。
场景是使用的基本的那些(系统自带),你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。
面是它的工作流程: 当创建用户的时候密码需要加密并且保存,但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密,这
- 中文 iOS/Mac 开发博客列表
dcj3sjt126com
Blog
本博客列表会不断更新维护,如果有推荐的博客,请到此处提交博客信息。
本博客列表涉及的文章内容支持 定制化Google搜索,特别感谢 JeOam 提供并帮助更新。
本博客列表也提供同步更新的OPML文件(下载OPML文件),可供导入到例如feedly等第三方定阅工具中,特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
- js去除空格,去除左右两端的空格
蕃薯耀
去除左右两端的空格js去掉所有空格js去除空格
js去除空格,去除左右两端的空格
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
- SpringMVC4零配置--web.xml
hanqunfeng
springmvc4
servlet3.0+规范后,允许servlet,filter,listener不必声明在web.xml中,而是以硬编码的方式存在,实现容器的零配置。
ServletContainerInitializer:启动容器时负责加载相关配置
package javax.servlet;
import java.util.Set;
public interface ServletContainer
- 《开源框架那些事儿21》:巧借力与借巧力
j2eetop
框架UI
同样做前端UI,为什么有人花了一点力气,就可以做好?而有的人费尽全力,仍然错误百出?我们可以先看看几个故事。
故事1:巧借力,乌鸦也可以吃核桃
有一个盛产核桃的村子,每年秋末冬初,成群的乌鸦总会来到这里,到果园里捡拾那些被果农们遗落的核桃。
核桃仁虽然美味,但是外壳那么坚硬,乌鸦怎么才能吃到呢?原来乌鸦先把核桃叼起,然后飞到高高的树枝上,再将核桃摔下去,核桃落到坚硬的地面上,被撞破了,于是,
- JQuery EasyUI 验证扩展
可怜的猫
jqueryeasyui验证
最近项目中用到了前端框架-- EasyUI,在做校验的时候会涉及到很多需要自定义的内容,现把常用的验证方式总结出来,留待后用。
以下内容只需要在公用js中添加即可。
使用类似于如下:
<input class="easyui-textbox" name="mobile" id="mobile&
- 架构师之httpurlconnection----------读取和发送(流读取效率通用类)
nannan408
1.前言.
如题.
2.代码.
/*
* Copyright (c) 2015, S.F. Express Inc. All rights reserved.
*/
package com.test.test.test.send;
import java.io.IOException;
import java.io.InputStream
- Jquery性能优化
r361251
JavaScriptjquery
一、注意定义jQuery变量的时候添加var关键字
这个不仅仅是jQuery,所有javascript开发过程中,都需要注意,请一定不要定义成如下:
$loading = $('#loading'); //这个是全局定义,不知道哪里位置倒霉引用了相同的变量名,就会郁闷至死的
二、请使用一个var来定义变量
如果你使用多个变量的话,请如下方式定义:
. 代码如下:
var page
- 在eclipse项目中使用maven管理依赖
tjj006
eclipsemaven
概览:
如何导入maven项目至eclipse中
建立自有Maven Java类库服务器
建立符合maven代码库标准的自定义类库
Maven在管理Java类库方面有巨大的优势,像白衣所说就是非常“环保”。
我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下,然后全部添加到ide的构建路径中,如果用了SVN/CVS,这样会很容易就 把
- 中国天气网省市级联页面
x125858805
级联
1、页面及级联js
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
&l