自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(93)
  • 收藏
  • 关注

原创 jquery 嵌套子页面

主页面,qiantao.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2022-04-20 15:03:47 997 1

原创 mysql的数据库的导入和导出

一、新建数据库和数据表新建数据库新建表给数据表添加数据二、导出数据库导出位置,如:桌面。导出成功三、导入数据库新建数据库(数据库名称,要跟准备导入的数据库名称相同),如:millesql四、导入数据表点击localhost刷新数据库导入所有数据表成功...

2022-04-13 10:28:03 2089

原创 Vue axios插件

1、安装axios2、在src文件夹下,新建plugins文件夹,在plugins文件夹下新建http.js文件。内容如下://插件模块import axios from 'axios'const MyHttpServer = {} MyHttpServer.install = (Vue) => { //添加实例方法 Vue.prototype.$http = axios}export default MyHttpServer3、在main.js入口文件引

2021-09-08 20:38:56 279

原创 Navicat Premium 报1045-Access denied for user ‘root‘@‘localhost‘(using password:YES)错误,解决方法

Navicat Premium连接Mysql时候报错:2、开始-》运行-》输入“cmd”-》点击确定。或者直接“Win+R”快捷键,输入“cmd”点击确定。然后找到Mysql的安装目录,将目录复制到命令提示符中,如图:Mysql目录一般默认如下:C:\Program Files\MySQL\MySQL Server 8.0然后进入目录下的bin文件:然后输入mysql -u root -p,输入password密码,然后回车。如图所示:连接成功:来到Navicat Premium

2021-09-04 10:43:04 4299 1

原创 15、WPF_MVVM_(3)检验用户名和密码,实现登录效果

1、在“Common”文件夹,创建“LoginValidationBehavior.cs”,验证是否异常,代码如下:using System;using System.Collections.Generic;using System.Windows;using System.Windows.Controls;using System.Windows.Documents;using System.Windows.Interactivity;namespace StudentMgrDemo.C

2021-08-21 15:33:15 1136 1

原创 15、WPF_MVVM_(2)检验是否为空

三层架构:DAL 、BLL 、UIUI 表示层(界面层)BLL 业务逻辑DAL 数据访问层第一部分:访问数据库1、在“Models”文件夹,创建数据访问层LoginDAL.cs,对Login.cs表单的调用LoginDAL.cs代码如下:using System.Linq;namespace StudentMgrDemo.Models{ public class LoginDAL { LoginEntity loginEntity = new LoginE

2021-08-21 10:54:07 408

原创 17、WPF_MVVM_进度条

1、LoginViewModel.cs /// <summary> /// 进度条 /// </summary> private int progressBarValue; public int ProgressBarValue { get { return progressBarValue; } set {

2021-08-21 09:20:53 796 1

原创 15、WPF_MVVM_(1)访问数据库

三层架构:DAL 、BLL 、UIUI 表示层(界面层)BLL 业务逻辑DAL 数据访问层1、在“Models”文件夹,创建数据访问层LoginDAL.cs,对Login.cs表单的调用LoginDAL.cs代码如下:using System.Linq;namespace StudentMgrDemo.Models{ public class LoginDAL { LoginEntity loginEntity = new LoginEntity();

2021-08-21 08:49:09 925

原创 14、WPF_MVVM_关闭窗口

关闭窗口的方法:借助System.Windows.Interacivity里面的Behavior,把“LoginViewModel.cs”里面的属性,关联到LoginView.xaml层的一个事件(Window.Close())1、在“Common”文件夹,新建“WindowManagerBehavior.cs”类,定义关闭行为WindowManagerBehavior.cs代码如下:using System.Windows;using System.Windows.Interactivity;

2021-08-20 16:52:55 755 1

原创 13、WPF_MVVM_绑定PasswordBox密码框

1、在“Common”文件夹,新建“PasswordHelper.cs”类。using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threading.Tasks;using System.Windows;using System.Windows.Controls;using System.Windows.Interactivity;namespace S

2021-08-18 22:55:15 532

原创 12、WPF_MVVM_Iteractio框架自定义的Behavior使用

Behavior就是可以其它控件拖动1、添加引用 Interactions 库的。分别为”Microsoft.Expression.Interactions.dll“和”System.Windows.Interactivity.dll“文件。引用成功:2、在前端Login.xaml文件中引入命名空间:xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"xmlns:ei="http://schemas.micr

2021-08-18 15:35:00 226

原创 12、WPF_MVVM_Iteractio框架内置的Behavior使用

Behavior就是可以其它控件拖动1、添加引用 Interactions 库的。分别为”Microsoft.Expression.Interactions.dll“和”System.Windows.Interactivity.dll“文件。引用成功:2、在前端Login.xaml文件中引入命名空间:xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"xmlns:ei="http://schemas.micr

2021-08-18 15:13:21 158

原创 11、WPF_MVVM_Button按钮事件绑定

1、引用System.Windows.Interactivity.dll。安装“管理NuGet程序包”下载。下载成功:2、定义一个事件基类EventCommand,继承:TriggerAction,EventCommand.cs代码如下:using System.Windows;using System.Windows.Input;using System.Windows.Interactivity;namespace StudentMgrDemo.Common{ /// &lt

2021-08-17 22:07:47 3515

原创 11、WPF_MVVM_关闭窗口

1、前台LoginWindow.xaml代码:<Button Command="{Binding ClickLoginCommand}" CommandParameter="{Binding ElementName=winLogin}" Grid.Row="4" Grid.Column="0" Grid.ColumnSpan="2" Width="150" Height="40

2021-08-17 15:02:26 344

原创 10、WPF_MVVM_打开新窗口

1、在"Common"文件夹新建“WindowManager.cs”类using System;using System.Collections;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threading.Tasks;using System.Windows;namespace LoginDome.ViewModel.Common{ /// <summ

2021-08-17 09:40:48 1050

原创 9、WPF_MVVM_搜索框

PesonVoewModel.xaml.cs代码 //2、搜索框 public ObservableCollection<Person> PersonList { get; private set; } public PersonViewModel() { //2、搜索框 PersonList = Person.GetPersons(); _resultList

2021-08-17 08:15:47 340

原创 8、WPF_MVVM_查询表格

1、PersonView.xamlWindow x:Class="StudentMgrDemo.Views.PersonView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expres

2021-08-16 22:37:41 257

原创 7、WPF_MVVM_提示信息

LoginView.xaml.cs代码 //定义 提示信息 private string _errorMessage; public string ErrorMessage { get { return _errorMessage; } set { _errorMessage = value; this.Do

2021-08-16 14:19:49 197

原创 5、WPF_MVVM_绑定PasswordBox密码框

1、新建Common文件夹,文件夹新建“PasswordHelper.cs”类。“PasswordHelper.cs”代码如下:using System.Windows;using System.Windows.Controls;namespace CourseManagement.Common{ public class PasswordHelper { public static readonly DependencyProperty PasswordPrope

2021-08-16 13:48:15 556

原创 4、WPF_MVVM_继承ICommand接口调用命令,前端Xaml命令绑定

1、在Common文件夹中创建“BaseCommand.cs”基类。using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threading.Tasks;using System.Windows.Input;namespace StudentMgrDemo.Common{ //继承ICommand接口,然后"实现接口" /// <su

2021-08-15 17:14:00 422

原创 3、WPF_MVVM LoginViewModel.cs和Login.xaml用户名绑定

1、Model里面的数据对界面发出通知,界面里面的对象发生了变化。所有的属性都这么一个事情,就这些事情放到Common文件中,在Common文件中创建NotiticationObject.cs类。using System;using System.Collections.Generic;using System.ComponentModel;using System.Linq;using System.Text;using System.Threading.Tasks;namespace St

2021-08-15 16:09:15 274

原创 2、WPF_MVVM_数据库和EF(实体框架)连接数据库

1、创建数据库(StudentsData):不需要创建表,只需要连接EntityFrameWork连接方式自动生成表格2、在StudentMgrDemo项目,添加文件夹Model,Model新建类Login.cs类。在Login.cs添加属性:备注:需要用到EntityFrameWork实体框架,需要到包管理工具下载。EntityFrameWork安装成功:3、添加LoginEntity登陆实体类4、需要App.config连接数据库:备注:保存代码,然后重新生成代码<

2021-08-15 11:17:03 1480

原创 1、WPF_MVVM_Visual Studio 2019 创建项目

WPF应用(.NET Framework)创建项目;WPF用户控件库(.NET Framework)创建类库。创建项目步骤:

2021-08-15 09:24:37 600

原创 git 创建分支、查询分支、删除分支

1、创建分支:git branch dev_1.0.0分支名称(自己命名):dev_1.0.02、查询所有分支:git branch(备注:*表示当前的工作分支)3、切换分支:git checkout dev_1.0.0分支名称:dev_1.0.0(备注:如果不放心,可以输入命令:git branch)4、提交代码:4.1、提交到本地缓存:git add .4.2、提交到新分支:git commit -m "project initialied"5、切换到主分支:git che

2021-06-28 12:15:33 180

原创 Vue 通过json-server搭建本地接口数据

一、通过json-server搭建本地数据接口1、在终端根目录下全局安装json-server依赖包(其实就是Win+R,输入cmd回车),输入命令:npm install -g json-server2、创建文件夹,即Hotel,初始化项目:输入命令:npm init把json-server存放到项目中,输入命令:npm install json-server --save调整启动方式,即 json-server --watch db.json创建 db.json 文件,文件名称可

2021-06-10 11:28:03 238

原创 Vue vue-resource安装和使用

vue-resource:是vue中使用的请求网络数据的插件,这个插件是依赖于vue的,简单说就是用来调接口的。1、安装vue-resource依赖包,输入命令:npm i vue vue-resource --save-dev2、在入口文件index.js中配置:import VueResource from 'vue-resource'Vue.use(VueResource )3、直接使用,get请求:this.$http.get('地址',{params: {参数}}).then(fu

2021-06-10 11:17:25 1574

原创 Vue vue引用bootstrap和引用jquey

一、vue安装boostrap1、安装bootstrap依赖包,输入命令:npm install bootstrap -S2、在入口文件index.html中配置:二、vue安装juery1、安装juery依赖包,输入命令:npm install jquery --save

2021-06-10 10:46:53 72

原创 37_Vue_编辑式导航前进和后退的跳转

实现前进和后退,使用熟悉的原生js,即$router.go(n)/$router.back()/$router.forward()1、不使用<router-link></router-link>,通过方法传入name实现跳转,即@click="goto(nav.name)"<template> <div class="home"> <el-menu :default-active="activeIndex+''" class=

2021-06-03 11:42:33 166

原创 36_Vue_hash路由的原理

hash路由的原理:表面:根据hash值的改变来渲染不同的组件底层:根据window的hashchange事件来相应不同的组件1、代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport

2021-05-26 16:16:49 89 2

原创 35_Vue_key的作用和理解

不加key:倒序:数据变,节点不变<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-05-26 11:15:07 47

原创 Vue_导航菜单

<template><div> 首页</div></template><script>export default{ }</script>

2021-05-25 11:10:25 589 1

原创 34_Vue_VueRouter的使用

使用Vue Router步骤:1、引入vue-router2、使用vue-router(script标签引入方式自动完成)3、实例化router并配置参数4、把router实例注入到vue实例中参数配置:mode:路由模式hash(默认)history:需要后端配置,任意路径返回index.html(IE9中会自动降级到hash模式)routes:路由配置核心配置,包含所有页面配置...

2021-05-24 20:40:47 59

原创 Vue babel-loader

Loader(加载器)babel-loader:babel其实是一个编译JavaScript的平台,它可以编译代码帮你达到以下目的:1、bable能做什么?ES6、ES7…转ES5;让你能使用基于JavaScript进行扩展的语言,比如React的JSX;2、babel-loader依赖模块babel-core:核心功能babel-preset-env:解析ES6语法babel-preset-react:解析JSX...

2021-05-24 20:26:01 849

原创 33_Vue_基于Vue-Router与elementUI的环境搭建

一、Vue-Routervue-Router允许我们通过不同的Url访问不同的内容。可以实现多试图的单页Web应用(SPA,即Single Page Application单页面应用程序)安装和引入1、script标签引入:在Vue后面加载 vue-router ,它会自动实现安装 2、npm方式(推荐) Vue-Router时通过插件的形式来扩展Vue的功能,所有要使用它,必须通过Vue.use()方法安装路由功能。2.1 安装依赖,输入命令:npm i -D vue-router

2021-05-24 20:22:59 134

原创 32_Vue_transition-group与js动画

1、JavaScript过渡:通过内置事件实现过渡动画效果,可以利用第三方动画库(如:velocity.js,jquery等)实现动画效果。<transitionv-on:before-enter=“beforeEnter”v-on:enter=“enter”v-on:after-enter=“afterEnter”v-on:enter-cancelled=“enterCancelled”v-on:before-leave=“beforeLeave”v-on:leave=“leave”

2021-05-24 15:30:27 67

原创 31_Vue_transition_自定义过渡样式

通过animate.css实现过渡效果1、安装animate.css依赖包,输入命令:npm i animate.css -S2、自定义transition过渡样式,代码如下:

2021-05-24 14:42:13 179

原创 30_Vue_过渡动画_transition

Vue_过渡动画transition1、过度动画:用于单个元素动画用于多个元素并解析为一个标签(默认:span)2、属性name:过度类前缀(默认:v)如设置name=“fs”,过渡类名变成:fs-enter/fs-enter-to/fs-enter-active/fs-leave/fs-leave-to/fs-leave-activecss:boolean,是否使用css过度类(默认:true)。设置为false,将只通过组件事件触发注册的JavaScript钩子。自定义过渡类名(可配合a

2021-05-24 10:03:47 131

原创 WPF 不显示TabControl的边框颜色

设置本地定义的资源字典。代码如下:<TabControl.Resources></TabControl.Resources>未定义TabControl的样式之前,执行结果如下:定义TabControl的样式之后,执行结果如下:

2020-09-04 16:17:48 1728 2

原创 Android左侧的选项卡

首先使用RelativeLayout(相对布局),即RelativeLayout 按照控件之间相对位置或相对父容器位置进行排列布局。TabHost容器可以方便地在窗口上放置多个标签页,每个标签页相当于获得了一个与外部容器大小相同的组件摆放区域。然后使用LinearLayout相对布局,来布局整个页面的内容,设置宽度和高度分别为match_parent,排列方式(orientation)为水平(horizontal)。通过TabHost的子控件TabWidget,设置TabWidget,用了存放多个Tab

2020-05-27 19:22:03 956

原创 Android横向的选项卡

在布局文件中使用TabHost,LinearLayout表示线性布局,线性布局具有横竖两种方向,水平和垂直,使用LinearLayou的时候注意它的排列方式,即orientation,排列方式有水平和锤子两种方式,分别为android:orientation=“vertical”(垂直),android:orientation=“horizontal”(水平)。Android布局的三个属性:fill_parent:设置一个构件的布局为fill_parent将强制性地使构件扩展,以填充布局单元内尽可能多的

2020-05-27 19:16:43 558

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除