tongle_deng的专栏

原创 vue-router 学习知识汇总

vue 路由router详解

原创 Redis 5种常用数据类型

redis5中存储数据类型

原创 国际化表单设计

每个数据表多个一张语言翻译表，来搞定国际化存储。

原创 Vue项目创建

1、 下载安装 vue脚手架npm install element-plus --save

原创 离线安装harbor的离线安装

1、安装前要先安装docker和docker-compose2、docker已经有安装说明了，就不多说了。3、docker-compose获取包后，上传到服务器 开启权限sudo chmod +x docker-compose安装sudo ln -s docker-compose /usr/bin/docker-compose4、获取到harbor的安装包，我这里下载的是v2.1的安装包加压安装包tar -zxfharbor-offline-inst...

原创 如何才能更好的学习一门新技术?

原创 docker redis安装

1、下载redis的镜像(最新的)docker pull redis2、先准备好需要映射的目录和文件[root@localhost /]# mkdir -p /mydata/redis/conf[root@localhost /]# touch /mydata/redis/conf/redis.conf3、启用实例并创建相关映射#命令注释docker run -p 6379:6379 --name redis #端口映射，并起名为redis-v /mydata/redis/

原创 docker mysql5.7的安装

1、下载镜像docker pull mysql:5.72、使用镜像5.7 启动实例（以下是一个命令，使用时，去掉备注）docker run -p 3306:3306 --name mysql \ --端口映射，实例名称-v /mydata/mysql/log:/var/log/mysql \ --日志目录映射-v /mydata/mysql/data:/var/lib/mysql \ --数据文件目录映射-v /mydata/mysql/conf:/etc/mysql \ --配置文件

原创 centos7 安装docker

使用centos-7 内核，使用这个，安装时就相对简单多了；安装Docker1.查看内核版本 <Docker 要求 CentOS 系统的内核版本高于 3.10> uname -r 本机<内核版本: 3.10.0-327.el7.x86_64>2.把yum包更新到最新 sudo yum update3.安装需要的软件包,yum-util 提供yum-config-manager功能，另外两个是devicemapper驱动依赖的 sudo yu...

原创 Angular学习第六课--服务service的管理

1、服务service: 各组件component中的代码不能供应，如果需要有公用的代码，则使用service组件//创建到指定目录下面ng g service services/storage服务创建完成后，在app.module.ts中会自动生成如下代码：import { StorageService } from './services/storage.service';@NgModule({declarations: [AppComponent,HeaderCompone

原创 Angular学习第五课--todolist的小demo

1、表单代码<h2>todoList</h2><div class="todolist"> <!-- [(ngModel)]:双向数据绑定keyword (keyup)：监控键盘事件 --> <input class="form_input" type="text" [(ngModel)]="keyword" (keyup)="doAdd($event)" /> <hr> <h3&

原创 Angular学习第四课--form表单组件及其双向数据绑定

1、input组件<li>姓 名：<input type="text" id="username" [(ngModel)]="peopleInfo.username" value="fonm_input" /></li>2、radio组件<li>性 别： <input type="radio" value="1" name="sex" id="sex1" [(ngModel)]="peopleInfo.sex"

原创 Angular学习第三课--相关数据绑定汇总

1、如何使用组件2、Angular绑定数据2.1 数据文本绑定<h1>{{title}}</h1><div>1+1={{1+1}}</div>2.2 绑定htmlthis.h="<h2>这是一个 h2 用[innerHTML]来解析</h2>"<div [innerHTML]="h"></div>2.3 动态绑定html属性值<div [id]="id.

原创 Angular学习第二课--目录结构分析

1、目录分析详情参考： https://www.angular.cn/guide/file-structure2、组件分析2.1、app.module.ts 组件分析定义 AppModule， 这个根模块会告诉 Angular 如何组装该应用。 目前， 它只声明了AppComponent。 稍后它还会声明更多组件。2.2、自定义组件分析使用命令详解，见：https://cli.angular.io/在components新建立的目录下，创建一个header组件ng.

原创 Angular学习第一课--环境搭建

1、Nodejs安装暂略2、安装cnpm （方便使用国内的服务器安装，速率）npm install -g cnpm --registry=https://registry.npm.taobao.org3、使用npm/cnpm安装angular/cli(脚手架)npm install -g @angular/cli 或者 cnpm install -g @angular/cli4、使用脚手架创建项目4.1 直接安装（相关的依赖一起被安装了）ng new an

原创 ionic4基础学习笔记18-下拉刷新页面

1、页面代码，放在list上面 <!--该组件要放在<ion-content>目录下--> <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)"> <ion-refresher-content pullingText="使劲向下拉" refreshingSpinner=

原创 ionic4学习笔记17-基础学习创建一个带侧边栏的项目

1、创建一个带侧边栏的项目ionic start myApp sidemenu2、创建成功后，在app.component.html页面查看相应代码<!-- menuId: 菜单栏的唯一标识 side: 显示的位置，start为左边，end为右边； type: 菜单栏显示隐藏的效果； <ion-title>：菜单栏打开后的title信息 <ion-menu-toggle>：菜单栏点击后可隐藏 --> <ion-menu m

原创 ionic4学习笔记16-某东项目搜索页面

1、增加手势事件模块#安装手持事件cnpm install hammerjs --save2、ionic5引入手势事件 2.1 app.module.js中引入import{HammerModule}from'@angular/platform-browser'; 2.2 main.ts中引入//引入配置手势事件import'hammerjs';3、在搜索框中触发手势事件4、完成路径跳转 4.1 在ts代码中引入NavCont...

原创 ionic4学习笔记15-某东项目个人中心

1、html代码<ion-content> <!-- <div class="user_top"> <div class="user_left"> <img src="/assets/user.png"> </div> <div class="user_right"> <h4>用户名:zhangsan</h4>

原创 ionic4学习笔记14-某东项目购物车列表

1、html页面内容<ion-content> <dl class="cart_list"> <dt> <ion-checkbox color="danger"></ion-checkbox> <div class="img"> <img src="assets/03.jpg" /> </div> </dt> &l

原创 ionic4学习笔记13-某东项目分类列表

1、Tab2页面代码<ion-content> <div class="cate_content"> <div class="cate_left"> <ion-list lines="full"> <ion-item *ngFor="let item of lCateList"> <ion-label>{{item}}</ion-label>

原创 ionic4学习笔记12-某东项目栅格完成商品列表

1、页面代码<div class="h_title"> 商品列表 </div> <!-- 栅格系统12列 size="6":表示每行有2列； --> <div class="plist"> <ion-grid> <ion-row> <ion-col size="6" *ngFor="let item of pList">

原创 ionic4学习笔记11-某东项目热门商品展示

1、创建热门商品图片展示列表 <!--热门商品 [ngStyle]="{'width': hotListWidth}":动态绑定样式，从后台ts传递；hotListWidth和后台变量名称一致； *ngFor="let item of hotList" ：循环从后台传递过来的hotList --> <div class="h_title"> 猜你喜欢 </div> <div class="hotlist">

原创 ionic4学习笔记10-某东项目轮播图

1、页面组件定义<ion-content> <!--轮播图 #slide1 ： 为组件ID [options]="slidesOpts"：对应ts中配置的对象slidesOpts，属于组件属性配置 *ngFor="let item of slidesList" ：获取后台ts中传递进来的数据 *(ionSlideTouchEnd)="slideTouchEnd()": 手动滑动结束后出发的方法 --> <ion-

原创 ionic4学习笔记9--某东项目01

1、全局CSS(src/global.scss的最下面)/*全局css样式*/ body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, na

原创 ionic4学习笔记8--UI组件2列表（没有实践，直接摘抄）

1、 普通列表<ion-list><ion-item><ion-label>Peperoni</ion-label></ion-item><ion-item><ion-label>Hawaii</ion-label></ion-item></ion-list>如果普通列表加上路由跳转的话列表将会自动加上箭头。2、 分组列表 ion-item-divider.

原创 ionic4学习笔记7--UI组件1(没实践，直接摘抄)

1、 Ionic4.x 内置颜色<ion-button color="primary"> primary </ion-button><ion-button color="secondary"> secondary </ion-button>primary secondary tertiary success warning danger dark medium light2、 Ionic4.x 中的按钮官方文档： https://ionicfr

原创 ionic4学习笔记6--在自定义组件中使用原生的ionic4组件

1、在自定义模块的ts文件中引入ionic模块，并声明使用

原创 ionic4学习笔记5--自定义公共模块

ionic4中页面是由模块组成的，多个模块没办法公用一个组件。如果要使用公共组件，就需要把组件封装成模块，让模块引用模块，以达到组件公用的目的，以此达到功能共享。1、 创建公共模块以及组件ionic g module module/slide //创建模块ionic g component module/slide //创建组件2、在外部tab1，tab2,tab3中使用该模块 2.1 要视同它需要先暴露它2.2用到的地方引入自定义模块， 并依赖注入自...

原创 ionic4学习笔记4--新增一个tab页面

1、创建模块ionic g page tab42、修改路由（一个删除，一个更新）删除：app目录中app-routing.module.ts文件里更新产生的新模块路由；更新：tabs目录中tabs-routing.module.ts文件里新增新模块的路由；{ path: 'tab4', loadChildren: () => import('../tab4/tab4.module').then( m => m.Tab4PageModule)

原创 ionic4学习笔记3

1、创建模块（进入到项目根目录）ionic g page 页面名称2、页面跳转3、业务逻辑的位置4、显示的位置

原创 inoic4学习笔记2

0、模块：每个tab就是一个模块1、核心目录介绍2、路由核心文件app.module.ts解读//文件：根模块 告诉Ionic如何组装应用//Ionic angular的核心模块import { NgModule } from '@angular/core';import { BrowserModule } from '@angular/platform-browser';import { RouteReuseStrategy } from '@angular/router';

原创 ionic4 学习笔记1

0、安装ionic前，必须要先安装nodejs1、安装cordova ionic（安装速度和网速相关）npm install -g cordova ionic2、创建项目（要进入到项目存放的目录中创建）ionic start myApp tabs3、运行项目（要cd到项目目录下）ionic serve4、项目代码导入到vsCode中就可以开发了5、在开发环境中安装相关插件（sinppets）...

原创 oracle ebs form表单常用对象及其关系

原创 前两年闲的时间出了一套java EE的入门视频，教了几个小朋友入门，都反馈说不错，现在全部分享给大家，记住只适合快速入门。

用最少的知识快速入门java EE 知识里面有java知识有入门方法，保证你1周能快速入门，二周找到编程感觉，坚持一个月，你就可以放飞自我去快速学习补充学习其他知识，我已经在验证过了，特别有效。地址：https://www.bilibili.com/video/av93405844?from=search&seid=18291554430599852816或是在B站中搜索：从高...

原创 easyui 在datagrid中增加行级别的按钮

先看下效果：第一步，首先将相关按钮定义出来&lt;div id="index_listMissionBenchmarking_datagrids_action" style="display: none;"&gt; &lt;a href="#" class="easyui-linkbutton actions editResources" data-options="iconCl

转载 easyui框架dialog重复加载的问题

 近期在使用easyui搭建框架时发现页面中使用的dialog会随着页面刷新加载多次，导致在取值时发生错误。  原因应该是easyui把dialog放在了body下，而刷新时只重新加载panel下的所有元素，就会导致多次加载的问题。  页面使用的是layout布局，切换页面代码如下：$("body").layout("panel","center").panel({ title:...

转载 HTTP协议学习# （一）request 和response 解析

注：本文转自：http://www.cnblogs.com/TankXiao/archive/2012/02/13/2342672.html ， 粉字[]内内容为个人笔记 当今web程序的开发技术真是百家争鸣，ASP.NET, PHP, JSP，Perl, AJAX 等等。 无论Web技术在未来如何发展，理解Web程序之间通信的基本协议相当重要, 因为它让我们理解了Web应用程序的

转载 不得不了解的四大作用域：application,session,request,page

首先要声明一点，所谓"作用域"就是"信息共享的范围"，也就是说一个信息能够在多大的范围内有效。Web交互的最基本单位为HTTP请求。每个用户从进入网站到离开网站这段过程称为一个HTTP会话，一个服务器的运行过程中会有多个用户访问，就是多个HTTP会话。一、applicationApplication 的作用范围在服务器一开始执行服务，到服务器关闭为止Applicatio

转载 Mysql数据库入门

MySQL数据库入门目录一、数据库概要1.1、发展历史1.1.1、人工处理阶段1.1.2、文件系统1.1.3、数据库管理系统1.2、常见数据库技术品牌、服务与架构1.3、数据库分类1.3.1、关系型数据库1.3.2、非关系型数据库1.4、数据库规范化1.4.1. 什么是范式1.4.2. 三大范式1.4.3. 范式与效率