JustWantToFly的博客

原创 C# 开发学习笔记:动态生成.cs文件

C#动态生成.cs文件

原创 Vue开发学习笔记:使用vuex实现动态绑定下拉数据(数据库获取)

使用vuex实现同一个el-table中的不同字段绑定各自对应的下拉数据

原创 Vue开发学习笔记:el-table绑定自定义select组件

Vue3 el-table中绑定自定义select组件

原创 Vue开发学习笔记:Vue3中使用标签的ref属性设置el-table点击单元格自动获取焦点

el-table使用ref标签属性设置单元格点击自动获取焦点

原创 Vue3开发学习笔记:使用axios post请求WebService

Vue3中使用axios.post请求获取WebService返回的数据

转载 数据库使用学习笔记:SQL计算时间差

1.DB2数据库学习自:http://www.bubuko.com/infodetail-2363768.htmlselect timestampdiff (4, char( timestamp('20210804205600')- timestamp('20210803205000'))) FROM sysibm.sysdummy1timestampdiff第一个参数的值可以使用以下各值来替代，以指出结果的时间单位： 1 = 秒的小数部分 2 = 秒 4 = 分 8...

原创 Vue开发学习笔记:使用JS代码动态创建KendoUI组件的时机

需要使用JS代码动态创建KendoUI组件(例如使用element.kendoDropDownList()创建下拉dropdownlist组件)需要在mounted()方法中创建,不应该在created()方法中创建(在created中创建没有效果) mounted: function (param) { console.log("执行home页中的mounted方法"); $("#dropdownlist").kendoDropDownList({ dataSource:

原创 编程工具使用笔记:VSCode配置Browser Preview插件的默认路径

原创 Vue开发学习笔记:JSON.stringify(object)避免对象的循环引用报错

学习自:https://www.javaroad.cn/questions/1462611.JSON.stringify()第二个参数使用函数解除转换对象的循环引用否则会报错UncaughtTypeError:ConvertingcircularstructuretoJSONvar cache=[];// var tem1=JSON.stringify(dataItem);//JSON.stringify()第二个参数使用函数解除转换对象的循环引用否则会报错//Uncaught ...

原创 Vue开发学习笔记:KendoUIGrid列宽自适应

学习自:https://stackoverflow.com/questions/25614952/how-to-make-kendo-grid-column-auto-width在dataBound函数中//数据绑定事件，可实现查询后，需要执行的操作 dataBound: function (parm) { //设置列宽自适应标题 var grid=parm.sender; for (let index = 0; index < grid.colu

原创 Vue开发学习笔记:KendoUIGrid设置列标题样式

使用headerAttributes属性设置列标题样式data: function () { return { //自定义列集合,页面只显示需要列 columns: [ // field:列名,title:列标题,format:数据掩码格式;locked:锁定列(Grid必须有水平滚动条才使用锁定功能) { field: "selected", selectable: true,

原创 Vue开发学习笔记:实现KendoUIPanelBar与KendoUITabStrip控件的动态关联

思路:KendoUITabStrip控件是通过ul-li以及div标签来生成对应的tab选项卡(li标签为tab选项卡的标题,div为tab选项卡的内容),每一个li标签对应一个div(div与ul标签同级)(参考官网),因此可以通过使用html模板来动态的生成tab选项卡1.Vue中不能渲染字符串中的组件标签,所以KendoUI组件库的组件标签不能被渲染,所以此时需要使用Vue.extend方法来使字符串中的组件标签能够被渲染,同时在PanelBar的item项目中需要使用路由来跳转页面,所以要.

原创 Vue开发学习笔记:KendoUIGrid实现自动添加序号

1.学习自https://blog.csdn.net/jinuxm/article/details/53169329https://blog.csdn.net/qwerdfcv/article/details/1034795842.实现2.1、首先为KendoUIGrid绑定一个数据绑定事件dataBound<div id="ShowData"> <div class="searchLabel">信息区</div> <div&gt.

原创 Vue开发学习笔记:(二)、实现KendoUIGrid新增数据功能

1.引用KendoUIGird并设置相关的属性<div id="ShowData"> <div class="searchLabel">信息区</div> <div> <!-- resizable:设置列宽可以调整 --> <!-- data-source:绑定数据源 --> <!-- columns:绑定自定义列集合 --> <!-- editable:设置Grid单元格可编辑性;inline:

原创 Vue开发学习笔记:(一)、实现KendoUIGrid数据查询展示

参考学习:https://www.cnblogs.com/wjx-blog/p/8400423.html1.完整代码<template> <div> <!-- resizable:设置列宽可以调整 --> <!-- data-source:绑定数据源 --> <!-- columns:绑定自定义列集合 --> <kendo-grid :data-source="dataTable"..

原创 Vue开发学习笔记:使用KendoUIMenu实现动态菜单(调用WebService)

1.C#WebService中的代码public string CallService(string serviceName, string parameters){ JavaScriptSerializer jss = new JavaScriptSerializer();//用于序列化和反序列化 System.Collections.ArrayList dic = new System.Collections.ArrayList(); //数据表集合 System.Collection

原创 Vue开发学习笔记:Vue项目使用Ajax调用C#WebService

1.Vue组件中import $ from 'jquery'//项目开发时手工添加export default { components: { 'px-menu': PXMenu }, data(){ return{ msgFromDb: '' } }, created: function name(params) { var self=this; $.aj

原创 C#开发学习笔记:C#实现打印Excel文档

//准备读取生成的Excel文档Microsoft.Office.Interop.Excel.Application excel = new Microsoft.Office.Interop.Excel.Application();//lauch excel applicationexcel.Visible = true;//该句代码不设置,wb.PrintPreview()将无法打开Excel文档// 以只读的形式打开EXCEL文件Workbook wb = excel.Application..

原创 C#开发学习笔记:GridView利用正则表达式排除数值列末尾多余的0

#region 设置小数点private void gridView4_CustomColumnDisplayText(object sender, DevExpress.XtraGrid.Views.Base.CustomColumnDisplayTextEventArgs e){ if (e.DisplayText != "") { //利用正则表达式判断当前列值不包含中文 //System.Text.RegularExpressions.Match result=System.Tex.

原创 Web开发笔记:Ionic实现表格展示数据

1.accountgrid.page.html<ion-content style="overflow: scroll;" (ionScroll)="ionScroll()" scroll-events='true' id='Content'> <!-- 查询条件 --> <div id="CONTENT_TOP" style="width: 100%; border: tomato 1px solid;"> <form (

转载 开发学习笔记:ionic 钩子事件 / ionic页面加载方法

ionViewDidLoad void 页面加载时运行。这个事件只在每个页面创建时发生一次。如果页面离开但被缓存，则该事件在后续查看时不会再次触发。该ionViewDidLoad事件是放置您的页面设置代码的好地方。 ionViewWillEnter void 当页面即将进入并成为活动页面时运行。 ionViewDidEnter void 当页面完全进入并且现在是活动页面时运行。无论是第一次加载还是缓存页面，此事件都会触发。 ionViewWillLeav...

原创 使用nat123部署内网网站允许公网访问

1.注册一个nat123账号注册地址:http://www.nat123.com/UsersReg.jsp2.注册之后下载客户端以及登录客户端下载地址:http://www.nat123.com/Pages_2_32.jsp3.客户端添加映射4.上面完成之后发现映射提示端口不通(防火墙已放开这个端口),这是因为没有应用监听这个端口4.1开启IIS:我的电脑--->属性--->控制面板----->程序和功能------>左边的启用或关闭W..

原创 C#开发学习笔记:GridView设置数据相同的列合并

using DevExpress.XtraGrid.Views.Grid;using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using...

转载 Angular开发学习笔记:Angular 正确使用 @ViewChild、@ViewChildren 访问 DOM、组件、指令

Angular 正确使用 @ViewChild、@ViewChildren 访问 DOM、组件、指令 @ViewChild和@ViewChildren是Angular提供给我们的装饰器，用于从模板视图中获取匹配的元素。需要注意的是@ViewChild和@ViewChildren会在父组件钩子方法ngAfterViewInit调用之前赋值。接下来我们来看下@ViewChild、@Vi...

转载 Angular开发学习笔记:Angular父子组件之间的传值

父组件向子组件传值 @Input文件目录父组件：father.template.html<h1>父组件</h1><cmt-child [data]='data'></cmt-child>father.component.tsimport { Component, OnInit } from '@angula...

转载 Angular开发学习笔记:Angular自定义组件实现数据双向绑定

angular6 自定义组件，实现双向数据绑定在包装输入类型的组件时，我们需要向外暴露数据接口，用户输入和输出，这时候在组件内部定义双向绑定，会大大方便用户的使用。在编写组件之前，首先看一下组件的使用方式和效果：<binding-test [(userName)]="testBinding"></binding-test><p>app.compo...

原创 Web开发学习笔记:Ionic4开发自定义组件

1.在项目中创建一个自定义模块ionic g module moduleName创建完成后会生成一个文件夹,文件夹中有个一个ts文件2.使用命令创建一个自定义组件(组件创建在上一步创建的模块文件夹下)ionic g component componentName创建之后的文件夹结构3.在自定义模块的module.ts文件中引入创建的组件4.在需要使...

原创 Web开发学习笔记:ngIf中使用方法判断字符串中是否包含子字符串

<p *ngFor="let item of UseTypes"> <ion-select-option *ngIf="globalVariable.isContain('moneydetails',item.useModule)" value="{{item.value}}"> {{item.description}} </ion-select-opti...

原创 Web开发学习笔记:Ionic4开发时使用iconfont图标库图标

1.直接在https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.7&type=3中找到自己需要的图标,然后下载svg格式2.在angular.json中找到对应的图标存放目录3.然后将下载下来的图标改名为跟以下文件格式相同(名字前加ios/md)之后就可以直接使用了注:...

原创 Web开发学习笔记:Ionic4中根据滚动条滚动的距离设置返回顶部按钮显示与隐藏

以下代码使用IDE:vscode; 语言模式:TypeScript1.在HTML页 中使用悬浮按钮当做返回顶部的按钮,并绑定ion-content的ionScroll事件<ion-content padding (ionScroll)="ionScroll()" scroll-events='true' id='Content' > <!-- slot="fixe...

原创 Web开发学习笔记:Ionic4与SQLite数据库交互

以下代码使用IDE:vscode; 语言模式:TypeScript1.使用命令创建一个serviceionic g serviceDBManager创建成功后目录中会有两个文件2.在app.module.ts中添加对DBManagerService类的引用同时在providers中添加DBManagerService类3.在DBManagerService类中编...

原创 Web开发学习笔记:Ionic4使用SQLite数据库,将查询结果动态转为数组

以下代码使用vsCode+TypeScript编写1.定义数据查询方法 /** * 数据表数据查询 * @param tableName 类型:string 查询数据的数据表名称 * @param sqlParam 类型:Array<any> 拼接SQLWHERE条件语句需要的参数信息 * @param selectCol 类型:string 查询结果...

原创 Angular开发学习笔记:字符串与时间类型的转换

1.字符串时间格式的互转SubmitData(data: any) { // let AccountDate = new Date(data.AccountDate); let AccountDate = new Date('2019/11/26'); console.log('当前AccountDate数据:', AccountDate); console....

原创 Web开发学习笔记:Ionic4开发时后台获取前台页面对象(或指定标签)并设置或移除属性

1.引入ElementRef,Renderer2类2.获取HTML页面或指定的标签并使用Renderer2类设置或移除标签的属性

原创 Web开发学习笔记:Ionic4项目中使用自定义类

1.使用命令创建自定义类ionic g classGlobalVariable2.需要将新建的自定义类在app.module.ts的providers中注册3.在页面是使用自定义类效果图

原创 Web开发学习笔记:Ionic4中ion-button点击事件无反应

纯粹的记录一下自己遇见的问题,大家不一定会遇见我创建了一个blank类型的Ionic4项目,然后自己添加了一些ion-button准备测试一下按钮跳转页面,但是当我在对应的HTML中绑定好按钮事件;在对应的ts文件中写好方法之后,调试时点击按钮居然没有反应下面是一开始的HTML页面代码<ion-header> <ion-toolbar color="primar...

原创 Vue开发学习笔记:Vue使用自定义组件

局部注册1.在components文件夹下新建一个tabs文件夹;同时新建四个文件2.在Tabs.vue中引用HTML、JS、CSS文件其中HTML文件随便写一些内容用于测试3.在需要引用的该组件的地方(其他组件)对应的js文件中import该组件并注册4.使用组件5.效果图全局注册1.在components文件夹下新...

转载 AngularJS开发学习笔记:父子作用域之间的通信—$on、 $emit、$broadcast的介绍

angularJs中的作用域（$scope）结构和DOM结构非常相似，也是一个层次分明的树状结构。它有一个根作用域$rootscope（对应angular应用或ng-app），其他作用域是嵌套在根作用域下面的。angularJs的$scope之间都遵循js中对象原型继承方式，当子作用域中没有该对象时，默认向上级作用域（父作用域）寻找，直到找到或者到达$rootscope为止，当子作用域有该...

转载 AngularJS开发学习笔记：angular中控制器之间传递参数的方式

angular中控制器之间传递参数的方式在angular中，每个controller（控制器）都会有自己的$scope，通过为这个对象添加属性赋值，就可以将数据传递给模板进行渲染，每个$scope只会在自己控制器内起作用，而有时候需要用到其他控制器中的数据，这个时候就要考虑到控制器之间参数的传递了。1.通过$rootscope传参首先，在angular中存在作用域的继承，继承作用域符合...

转载 AngularJS开发学习笔记:Angular.forEach用法

Angular.forEach用法1.针对对象循环(key,value)官方示例：var values = {name: 'misko', gender: 'male'};var log = [];angular.forEach(values, function(value, key) { this.push(key + ': ' + value);}, log);exp...