- 博客(30)
- 资源 (5)
- 收藏
- 关注
原创 thinkphp5数据的无限分类
1.方式一<?php namespace app\index\model; use think\Model; class Classfiy extends Model{ protected $table = 'classfiy'; // 方式一 public function htmllist(){ $data=$this->select(); return $this->htmllistM($data); } public func
2020-10-06 22:32:20 336
原创 thinkphp5数据的无限分类
public function getHtmlList(&$result = [], $pid = 0, $prefx = '') { $data = $this->where(['is_delete'=> 0])->select()->toarray(); foreach ($data as $value) { if ($value['parent_id'] == $pid) {
2020-10-06 18:17:44 148
原创 tp5中树状图数据格式的返回
1.条件,数据库中的数据必须是无限递归数据2.数据处理public function treeListApi() { $list = $this->db('class')->field('id,name,parent_id')->where('is_delete',0)->select(); $data = array_combine(array_column($list,'id'), $list); foreach (
2020-10-06 12:34:57 580
原创 js事件的添加绑定
//添加单个事件<script> document.getElementById("myBtn").addEventListener("click", displayDate); function displayDate() { document.getElementById("demo").innerHTML = Date(); } document.getElementByI
2020-10-30 09:24:58 131
原创 js点击视频播放与暂停
function playPause() { //获取video的id var video1=document.getElementById("about-video"); if(video1.paused){ video1.play(); }else{ video1.pause(); } }
2020-10-26 18:40:34 5670
原创 jq循环
// jq循坏方式1cell=$(".cell");for(i=0;i<cell.length;i++){ }// jq循环方式二$('.cell').each(function(i){ })
2020-10-21 09:35:15 3240
原创 jq模仿右键触发菜单
//contextmenu()表示右键菜单触发的时候$(document).contextmenu(function(event){ x=event.clientX; y=event.clientY; btn=event.button; if(btn==2){ $('ul').show().css({'left':x+'px','top':y+'px'});
2020-10-21 09:31:19 311
原创 jq事件的绑定也解除
事件的绑定与解除 i=0; $('button').eq(0).click(function(){ $('img').bind('click',function(){ if(i%2==0){ this.src='b.png'; }else{ this.src='a.png';
2020-10-21 09:27:56 193
原创 使用data()往jq对象身上赋属性
data(),往jq对象身上赋属性(这个不动标签的属性),当借用标签的属性的的时候,推荐使用data()。$('h1').each(function(i){ //这里的i是从0开始的,也就是元素的下标 $(this).data({'num':i});});$('h1').click(function(){ $(this).html($(this).data(num));});...
2020-10-21 09:20:35 215
原创 jq中each的使用
$('h1').each(function(i){ //这里的i是从0开始的,也就是元素的下标 $(this).attr({'num':i});});$('h1').click(function(){ $(this).html($(this).attr(num));});
2020-10-21 09:12:52 258
原创 vue点击查看详情
title: '查看下级', render:(h,obj)=>{ return h("Button",{ props:{ type:'primary', }, on:{ click:()=>{ this.$router.push({ 'path':"/classfiy/list", query:{ i
2020-10-18 13:59:28 2120 1
原创 css从中心向外渐变
//复制代码即可,里面有circle-scale,circle-scale2,circle-scale3三种方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="./jquery.js"></script> <title>查看更多</title> <style> @-w
2020-10-10 11:19:50 2839
原创 vue中的iview分页的使用
1.后台代码public function lists(){ $param=\input('post.'); $page=$param['page']??1; $where['admin']=0; if(!empty($param['name'])){ $where['name']=$param['name']; } $total=Db::name('user')->where($where)->count();
2020-10-06 11:01:56 683 1
原创 水平垂直居中对其
<div class="banner"> <p> <span>我们的愿景:</span><br> 成为全球领先的 空气净化专家 </p> </div>.banner{ width: 100%; height: 150px; background: url(../image/about/bannner.png); background-position: center; background
2020-10-05 11:00:05 62
原创 vue中使用iview上传图片成功后清除信息
1.添加ref<template> <Upload ref="uploadimgs" action="http://api1.vue1.com/index/system/uploadimg" :on-success="imguploads" > <Button icon="ios-cloud-upload-outline">上传图片</Button>
2020-10-04 21:37:40 1200
原创 vue上传图片
条件:我们已经有后台上传图片的接口1.图片上传代码<template> <Upload action="http://api1.vue1.com/index/system/uploadimg"//上传接口地址 :on-success="imguploads">//上传回调 <Button icon="ios-cloud-upload-outline">上传图片</Button> </Upload>
2020-10-04 20:33:42 128
原创 vue加载效果的使用
1.在data中定义loading: false,2.在使用的地方添加代码 :loading=“loading”<template> <Table :columns="columns1" :data="data1" :loading="loading"></Table></template>3.改变loading的值methods:{ async list(){ this.loading=true; let re
2020-10-04 15:58:58 300
原创 vue中iview状态切换
export default { data () { return { columns1: [ { title: '编号', key: 'id' }, { title: '姓名
2020-10-04 14:59:47 322
原创 vue中使用iview时图片的显示
{ title:'图片', key:'imgs', render:(h,obj)=>{ return h('img',{ attrs:{ src:obj.row.imgs }, style:{ width:'100px' } }) } },
2020-10-04 12:36:17 908
原创 vue关于router路由
1.关于路由我们为了简介和方便我们可以把路由的相关配置放到另外的一个文件之中下面是没有分离之前的import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'import Admin from '../layout/admin.vue'Vue.use(VueRouter)const routes = [ { path: '/', name: 'Admi
2020-10-03 12:18:51 170 1
原创 vue中iView布局的引入
1.先去iView官网选择合适的模板http://v1.iviewui.com/components/layout2.复制其代码3.我们先在src文件中新建一个layout文件夹,里面新建admin.vue文件里面粘贴我们复制过来的代码4.找到src\router\index.js文件中添加模板代码import Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'//引入我们
2020-10-02 01:01:56 838
原创 tp5 API接口 允许跨域请求 header(“Access-Control-Allow-Origin:*“);
在tp的入口文件中添加如下代码//*可以改成允许跨域的链接header("Access-Control-Allow-Origin:*");header("Access-Control-Allow-Methods:GET, POST, OPTIONS, DELETE");header("Access-Control-Allow-Headers:DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache
2020-10-01 22:05:28 1760
原创 使用vue脚手架搭建基础项目
1.安装vue init webpack home//运行npm run dev仅支持vue3vue create admin//运行npm run serve2.安装iview3.安装axios(发送ajax请求)4.安装qs如果不安装发送ajax请求不是以表单的形式发送的cnpm install qs --save5.在src目录下新建一个api目录,api的目录下新建文件axios.js和index.js...
2020-10-01 20:32:23 85
原创 vue的版本和脚手架的安装
1.卸载vue2npm uninstall -g vue-cli2.安装vue3npm install -g @vue/cli3.安装脚手架3.1支持vue2和vue3vue init webpack home3.2仅支持vue3vue create admin
2020-10-01 10:44:16 395
tp5yi异常处理类资源
2021-03-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人