web开发
web开发相关
小鹰信息技术服务部
Tolerance, Diversity. Hit Refresh.
展开
-
Maven命令启动SpringBoot项目
用Maven命令启动SpringBoot项目,记录如下:原创 2023-08-06 22:56:04 · 584 阅读 · 0 评论 -
Maven: No compiler is provided in this environment.
Windows > Preferences > Java > Installed JREs > Add > Standard VM, 选择jdk的安装目录,勾选。原创 2023-08-06 22:01:57 · 486 阅读 · 0 评论 -
Maven: ‘mvn‘ is not recognized as an internal or external command
探索一番,找到了原因。是Path变量中,最后一个分号的问题,删掉分号即可。下载并配置好Maven之后,CMD测试安装是否成功:mvn -v。看上去没问题,怎么回事呢?原创 2023-08-06 22:31:17 · 2157 阅读 · 0 评论 -
解决CSS样式重复定义带来的冲突问题
近期某项目中遇到一个css样式的问题,本来系统里有一套css样式定义,工作正常。后来引入了一个设计师自己搞的图表,js+css。嵌入系统之后发现样式不正常,检查原因发现第三方图表自带的css中有一些内容和系统现有内容冲突了,例如:body部分/*现有 app.css*/body { height: 100%;}/*第三方 index.css*/body { background-image: url(img/bg1.jpg); background-repeat: n原创 2022-04-10 12:00:53 · 2777 阅读 · 1 评论 -
JavaScript Map的使用(key - value键值对)
项目中有个功能,需要在javascript中组织一个key-value结构,在Java中就是Map。那么在javascript中怎样处理呢,写法如下://一个中英文对照的字典//组织map并set值$scope.colMap1 = new Map();$scope.colMap1.set("烟气流速", 'ytcemsls' );$scope.colMap1.set("烟气温度", 'ytcemstem' );//取值var EN = $scope.colMap1.get(ZH);原创 2022-04-05 13:48:23 · 2572 阅读 · 1 评论 -
Bootstrap DatetimePicker 小时视图/日视图/月视图/年视图
今天为一个项目中增加一些功能,用到了DatetimePicker的不同视图:小时/日/月/年,写法记录如下,主要是设置 startView和minView两个属性://小时视图$('#dtpDate1').datetimepicker({ language:'zh-CN', format:'yyyy-mm-dd hh:00', weekStart: 1, todayBtn: 1, autoclose: 1, todayHighlight: 1, startView: 1原创 2022-04-04 19:32:43 · 2477 阅读 · 1 评论 -
Maven安装与配置
重装了电脑,Maven需要重新装。过程记录如下:1. 下载Maven – Download Apache Maven2. 解压3. 添加系统变量MAVEN_HOME =C:\Apache\apache-maven-3.8.4将MAVEN_HOME添加到Path变量:;%MAVEN_HOME%\bin4. 测试CMD > mvn --version正常输出就表明mvn配置成功。...原创 2022-02-20 15:48:26 · 895 阅读 · 0 评论 -
SpringBoot 设置返回json中的key大写
实体类中的属性名称是大写的,但是返回的时候实际json中变成了小写,影响了前端的处理:public OPCData YHXN;public OPCData QXXN;public OPCData FQXN;...返回时key变成了小写:经过一番查询,找到了解决办法:在get方法中,用@JsonProperty指定key名称为大写@JsonProperty("YHXN")public OPCData getYHXN() { return YHXN;}实测有效:.原创 2021-12-05 17:25:23 · 1538 阅读 · 0 评论 -
SpringBoot 返回“empty“: false
Rest请求,返回对象是正常有内容的json,但是返回的实际内容是:"empty": false经过一番研究,找到了原因:因为返回的是JSONObject对象,而对象内本身又有实体类,所以jackson不知道如何处理(序列化),因此返回"empty": false。解决办法是重新组织数据,返回实体类。...原创 2021-12-05 17:19:38 · 1660 阅读 · 0 评论 -
Java SQLException: Invalid state, the ResultSet object is closed
Java sql查询,提示:.SQLException: Invalid state, the ResultSet object is closed代码:String[] sqls = { “select...”, “select...” };Statement stmt = db.createStatement();ResultSet reset1 = stmt.executeQuery(sqls[0]);ResultSet reset2 = stmt.executeQuery(sq原创 2021-12-05 15:33:23 · 1021 阅读 · 0 评论 -
ResponseEntity下载文件名中文乱码
SpringBoot下载文件,文件名带了中文出现乱码:代码如下:return ResponseEntity.ok() .header("Content-disposition", "attachment;filename=" + fileName) .contentLength(file.length()) .contentType(MediaType.parseMediaType("application/octet-stream")) .body(resource.原创 2021-11-13 16:04:55 · 2703 阅读 · 0 评论 -
Chart.js 刻度样式设置
1. 隐藏X/Y轴上的刻度ticks: { display: false}2. 显示刻度线gridLines: { display: true, color:"white"}3. 修改X/Y轴上的刻度颜色ticks: { fontColor:"white" }效果:原创 2021-10-12 19:01:18 · 1469 阅读 · 0 评论 -
Chart.js 隐藏legend
Chart.js,默认会显示legend:项目中的需求是不需要legend,因此需要隐藏,方法如下:在options中设置legend的display属性为false即可。options: { ... legend: { display: false } ...}效果:参考:javascript - Removing legend on charts with chart.js v2 - Stack Overflow...原创 2021-10-12 15:49:08 · 1250 阅读 · 2 评论 -
Bootstrap V3 按钮靠右排列
项目需要把一个网页上的按钮靠右排列,Bootstrap css 提供了现成的功能:pull-right<button type="button" class="btn btn-success pull-right" >导出Excel</button>效果:原创 2021-10-12 11:05:01 · 862 阅读 · 0 评论 -
AngularJS 获取当前url
某项目前端部分,需要获取当前url,在AngularJS中找方法。使用$location服务://url: http://localhost/kd-datacenter/report/day/SNXN//使用$locationif($location.absUrl().indexOf("day") > -1){ //...}原创 2021-10-09 13:34:01 · 566 阅读 · 0 评论 -
CSS:网页元素绝对定位
某项目中,网页模板是有其他设计工具自动生成的,也就是svg画出来的,满屏都是坐标信息。现在要自己添加一些按钮,也只能使用绝对定位,探索一番,元素绝对定位的方式如下:<input type="button" value="西南西南" style="position:absolute; left:100px; top:70px"/>效果:...原创 2021-10-04 11:31:20 · 181 阅读 · 0 评论 -
Apache 2.2无法启动:以一种访问权限不允许的方式做了一个访问套接字的尝试
2021年国庆节,在某个项目上忙了一天,晚上准备在远程服务器上发布,安装Apache之后无法启动,提示:以一种访问权限不允许的方式做了一个访问套接字的尝试网上搜索,再结合客户说服务器上有IIS的情况,判断是80端口被IIS占用了。将httpd配置文件中的监听端口改成其他的即可,比如88:Listen 88问题解决,Apache启动成功。...原创 2021-10-01 22:57:13 · 407 阅读 · 0 评论 -
Maven修改打包文件名称
对Maven打出的jar包名称不满意:想通过修改配置给jar包改名,查询找到了方法:pom.xml的<build>节点下面添加<finalName>节点,内容是jar包名称:<build> ... <finalName>furniture-mfg</finalName></build>重新打包:mvn clean package问题解决。参考:https://javavids.com/video.原创 2021-08-21 15:37:54 · 4552 阅读 · 0 评论 -
url结尾不一致导致的SpringBoot请求报错:405, Method Not Allowed
近期某项目中,客户端向后端发送请求,提示405,Method Not Allowed客户端url:string url = "http://localhost:8080/furniture/material";后端:@RestController@RequestMapping("/furniture/material")public class MaterialCtrl {...@PostMapping("/")public Material save(@RequestBod.原创 2021-08-07 14:44:27 · 2348 阅读 · 0 评论 -
Postman安装失败: Installation has failed Failed to extract installer
网上下载的Postman安装文件无法打开,提示:Installation has failedFailed to extract installer网上查到了解决办法,如下:1. 安装解压工具7zip2. 解压Postman-xxx.exe3. 进入解压后的文件夹,找到.unpkg结尾的文件,将它解压4. 进入解压后的文件夹,并继续进入..\lib\net45,就能看到Postman.exe了,实测可以打开。问题解决。参考:Error while ins...原创 2021-08-03 21:25:07 · 8481 阅读 · 3 评论 -
VBScript获取浏览器地址中的查询参数(query param)
今天接到一个小需求,对方有个很老很老很老很老很老很老很老很老很老很老很老很老的ASP网站,还是用VBScript写的,要从浏览器url中取一个参数,根据这个参数查出不同的记录。目前的版本是这样的:...command = "SELECT * FROM clpd.Flight WHERE SN=?"...没有参数,所以查出来的永远是第一条记录。地址:www.xxx.com/index.asp?sn=2现在用VBScript获取url中的查询参数sn:dim snsn = Re原创 2021-05-27 23:08:21 · 482 阅读 · 0 评论 -
MQTT测试工具
近期,某客户部署了一个MQTT服务器,需要这边进行通讯测试,对方推荐了一个测试工具MQTTX,实测好用,记录如下:下载:https://mqttx.app/打开软件之后新建连接。名字随便起,地址和用户名密码就按照对方给的MQTT服务器信息填,端口号默认1883。连接成功后,在该连接下添加主题(Topic)在这个主题下,订阅(subscribe)消息会定时返回:也可以发布消息(publish):消息发布之后,就能在订阅里面看到:...原创 2021-05-02 12:22:07 · 1018 阅读 · 0 评论 -
Angular完整项目开发13 - 使用图表(ng2-charts+chart.js)
Angular项目原型的主体功能差不多了,接下来添加一些其他功能,从图表开始。图表的库有多种选择,我选了ng2-chart,这名字听上去就是给Angular御用的,虽然实际做下来发现坑不少。1.安装ng2-charts和chart.js这一步巨坑,如果直接安装,默认会用最新版本,然后各种报错,折腾了三个晚上。最后发现居然是版本不兼容,所以只能指定版本安装。坑!npm install ng2-charts@2.3.0 --savenpm install chart.js@2.9.3 --s原创 2021-04-28 23:09:48 · 1849 阅读 · 0 评论 -
Angular完整项目开发12 - 分页(Paginator)与中文显示(本地化)
制作Angular的分页功能,采用Angular Material的Paginator组件,官方文档略晦涩,坑不少,费了不少功夫完成了,整理如下:HTML:<mat-paginator [length]="length" [pageSize]="pageSize" [pageSizeOptions]="pageSizeOptions" (page)="onPageChange($event)" style="width: 100%;"></mat-paginator原创 2021-04-22 22:43:41 · 1789 阅读 · 1 评论 -
Angular mat-select, mat-option 设置选中项
Angular Material mat-select, 做好列表之后,需要设置一个当前值,挺麻烦的,经过一番研究,网上查到了方法:https://stackoverflow.com/questions/51989366/angular-objects-as-select-option-valuesHTML:<mat-form-field appearance="fill"> <mat-label>站点</mat-label> <原创 2021-04-21 21:35:52 · 3067 阅读 · 0 评论 -
Angular mat-select 修改背景颜色
Angular Material的mat-select控件,默认背景是灰色的,看着不和谐,想把背景色改了:网上找到了方法:https://stackoverflow.com/questions/64431432/angular-10-remove-background-color-on-mat-select在全局的style.css中添加: ::ng-deep .mat-form-field-appearance-fill .mat-form-field-flex { bac原创 2021-04-21 20:03:18 · 671 阅读 · 0 评论 -
Angular完整项目开发11 - 增、删、改、查(CRUD)
经过前面的一些折腾,Angular前端系统的基础工作差不多了,现在轮到应用的核心内容之一:增、删、改、查。以设备模块(device)为例。原创 2021-04-20 20:56:32 · 1543 阅读 · 1 评论 -
Angular完整项目开发10 - 信息提示框(Dialog)
一般的软件应用中都会有一些信息提示框,比如单纯提示一条信息,用户点击确定即可;又比如某些操作之前弹框让用户确认是或否。利用Angular Material中的Dialog组件,可以制作这些提示框。目前制作了两个:提示框Hint和确认框Prompt。先说只有一个确定按钮的信息提示框:1. HTML模板hint.html<h2 mat-dialog-title style="font-family: 微软雅黑;">提示</h2><mat-dialog-c原创 2021-04-19 21:33:07 · 2548 阅读 · 0 评论 -
Angular Material datepicker设置日期格式和语言
Angular Material的日期选择器datepicker,默认都是英文的,日期格式也不太常规,需要进行格式化。网上查到了一些方法,步骤整理如下:1. 安装moment.js相关的支持npm install @angular/material-moment-adapternpm install moment2. 引用支持 MatMomentDateModuleapp.module.tsimport { MatMomentDateModule } from '@angula原创 2021-04-18 21:14:59 · 2528 阅读 · 1 评论 -
Angular:NG8001: ‘mat-dialog-content‘ is not a known element
Angular开发,增加了一个ts文件和对应的html模板,都是从现有内容复制的,@Component({ selector: 'prompt', templateUrl: './prompt.html',})export class Prompt { ...}但是提示:NG8001: 'mat-dialog-content' is not a known element也就是Angular无法识别html中的<mat-dialog-content>标签。比原创 2021-04-18 19:22:40 · 1038 阅读 · 1 评论 -
Angular 报错:NG8001: ‘mat-dialog-actions‘ is not a known element
Angular开发,报错提示 NG8001: 'mat-dialog-actions' is not a known element,在html中确实有这个:<mat-dialog-actions align="end"> ...</mat-dialog-actions>网上找到了原因:https://stackoverflow.com/questions/60789734/angular-material-mat-dialog-content-is-not-a-kn原创 2021-04-16 22:43:03 · 1768 阅读 · 0 评论 -
自定义css样式不起作用
web开发,自定义的css样式不起作用,怎么回事? button-row { display: flex; background-color: burlywood; }哦,原来是样式名称前面没加点, 把点补上就OK了。 .button-row { display: flex; background-color: burlywood; }真是个愚蠢的失误。...原创 2021-04-15 20:37:09 · 584 阅读 · 0 评论 -
Angular Material 图标素材网址与使用
链接如下,内容非常丰富。https://fonts.google.com/icons使用效果:<mat-icon>person</mat-icon>管理员原创 2021-04-12 21:29:01 · 666 阅读 · 1 评论 -
Angular完整项目开发9 - 全局判断用户是否已登录
xxx原创 2021-04-12 21:13:03 · 1265 阅读 · 0 评论 -
Angular: Object is possibly ‘null‘
Angular开发,提示 Object is possibly 'null'恼人的提示,谁有那时间写出完美的代码呢,有null是正常的。这提示该关闭。网上找到了关闭的方法:tsconfig.json >compilerOptions, 增加:"strictNullChecks":false问题解决。...原创 2021-04-10 17:36:10 · 728 阅读 · 0 评论 -
Typescript重写构造函数
Typescript中,添加了一个Sysuser类,想自定义一个构造函数,传入一个字符串做参数,一开始写法如下:export class Sysuser { id: number; username: string; password: string; name: string; Sysuser(jsonStr:string){ //重写构造函数 let obj = JSON.parse(jsonStr); this.id =原创 2021-04-10 16:56:52 · 805 阅读 · 0 评论 -
Angular完整项目开发8 - 制作登录功能
今天开始制作系统的登录功能。原创 2021-04-10 14:33:36 · 2764 阅读 · 1 评论 -
Angular TS类报错:Property ‘name‘ has no initializer and is not definitely assigned in the constructor
Angular项目开发,在定义一个TypeScript类的时候VSCode报错,提示为:Property 'name' has no initializer and is not definitely assigned in the constructor说是属性没有在构造器里面初始化。但是每个类每个属性都要初始化的话太麻烦了。TypeScript官方文档中查到了方法,可以关闭这个检查:https://www.typescriptlang.org/docs/handbook/releas原创 2021-04-06 21:53:25 · 3604 阅读 · 0 评论 -
Angular完整项目开发7 - 添加实体类
TypeScript是讲究数据类型的,基本可以说面向对象开发的思路。今天准备在系统里增加实体类。以device这个组件为例,增加Device实体类。1. 添加device.ts在device目录下添加device.ts, 根据服务器端的数据库模型,该类的内容为:export interface Device { id: number; no: string; name: string; deployTime: string;}2. 在组件中引用和使用原创 2021-04-05 16:16:11 · 781 阅读 · 0 评论 -
Angular完整项目开发6 - 添加全局变量
Angular开发,在不同的组件中都会向后端发送请求,url内容有很大程度的重复:http://localhost:4200/webapp/devicehttp://localhost:4200/webapp/sysuser...于是考虑把重复的部分拿出来,做成全局变量。网上查到了方法。1. 添加全局文件global.ts, 内容为export声明。export const commonURL:string = "http://localhost:4200/webapp";2原创 2021-04-05 15:26:52 · 1170 阅读 · 0 评论