18.02.20，web学习第五十九天，bos第五天，OCUpload插件，POI使用，pinyin4J，combobox使用

59. bos第五天

1. Jq 的OCUpload一键上传插件

1）为什么使用ocUpload：普通文件上传会刷新页面，我们不希望刷    新页面便添加了一个iframe标签并隐藏，ocupload也是这个原理。    类似于使用.from(“submit”)方法这个方法不刷新页面。 2）ocupload如何使用？只需要将ocupload的js文件复制引入即可   （还需要引入jq文件）。 script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script> <script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.ocupload-1.1.2.js"></script> 3）需要在页面提供一个元素   4）调用插件提供的upload方法（参数是json对象）：    <script type="text/javascript"> $(function(){ //页面加载完成后，调用插件的upload方法，动态修改了HTML页面元素 $("#myButton").upload({ action:'xxx.action', name:'myFile' }); }); </script>

2. 在服务器端接收上传文件 regin：区域

1）使用属性注入，在Action内创建File属性，给出set方法用来    接收文件。    属性名称应该和提交的文件的名称相同。

3. Apache POI技术

1）下载开发包：   2）解压     在项目中引入POI的依赖： <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi</artifactId> <version>3.11</version> </dependency> POI使用： @Test public void test1() throws FileNotFoundException, IOException{ String filePath = "C:\\Users\\zhaoqx\\Desktop\\BOS项目(黑马32期)\\BOS-day05\\资料\\区域导入测试数据.xls"; //包装一个Excel文件对象 HSSFWorkbook workbook = new HSSFWorkbook(new FileInputStream(new File(filePath))); //读取文件中第一个Sheet标签页 HSSFSheet hssfSheet = workbook.getSheetAt(0); //遍历标签页中所有的行 for (Row row : hssfSheet) { System.out.println(); for (Cell cell : row) { String value = cell.getStringCellValue(); System.out.print(value + " "); } } }

4. Pinyin 4J技术

<!-- 引入pinyin4J的依赖 --> <dependency> <groupId>com.belerweb</groupId> <artifactId>pinyin4j</artifactId> <version>2.5.0</version> </dependency> @Test public void test1(){ //河北省石家庄市桥西区 String province = "河北省"; String city = "石家庄市"; String district = "桥西区"; //简码---->>HBSJZQX province = province.substring(0, province.length() - 1); city = city.substring(0, city.length() - 1); district = district.substring(0, district.length() - 1); String info = province + city + district; String[] headByString = PinYin4jUtils.getHeadByString(info); String shortcode = StringUtils.join(headByString); System.out.println(shortcode); //城市编码---->>shijiazhuang String citycode = PinYin4jUtils.hanziToPinyin(city, ""); System.out.println(citycode); }

5. 区域数据分页查询

将重复分代码统一抽取到BaseAction中

6. easyUI Combobox下拉框

制作一个json文件：   <input data-options="url:'${pageContext.request.contextPath }/json/combobox_data.json', valueField:'id', textField:'name'"  class="easyui-combobox">     使用combobox展示区域数据     第一步：修改页面中combobox：     第二步：在RegionAction中提供listajax方法   第三步：在RegionDao中扩展方法   第四步：为添加窗口中保存按钮绑定事件

 

分页查询问题 将Java对象转为json过程中，因为对象之间有相互引用关系，会发生死循环问题，解决方式，排除其中属性