- 博客(41)
- 收藏
- 关注
RSS订阅原创 vue3+vite 项目常用库
1.使用vite创建项目npm create vite//或yarn create vite2.安装包和运行npm installnpm run dev//或yarnyarnyarn dev3.在vs code安装volar插件需要注意的是volar与vetur插件相冲突，所以得禁用vetur
2023-12-31 18:03:07
593
原创 windows 下将golang项目按linux环境打包， 并使用宝塔进行部署
3.在main.go目录下生成一个以项目名称命名的文件，此文件是没有格式的，如果打包成.exe文件证明第一步设置不成功，删除.exe文件重来即可。1.在windows开发目录中，cd 到main.go目录下，在地址栏输入cmd 回车，打开当前目录的命令窗口，然后依次运行 打包配置命令。4.在宝塔创建go项目，将打包后的无后缀文件上传，然后重启服务，搞定。2.开始打包linux 二进制运行文件。
2023-10-30 12:25:09
1197
原创 vite vue3 ts 使用sass 设置样式变量 和重置默认样式
4.新建assets//css/index.scss全局样式文件，引入reset.scss文件， 然后在main.ts中全局引入。5.配置全局样式变量，新建assets/css/global.scss文件，存储整个项目需要的样式变量。3.通过npm下载并复制清除样式代码，并在assets/css/reset.scss中粘贴。6.在vite.config.ts中配置全局样式变量。1.安装scss 样式支持依赖。7.使用全局样式变量。
2023-10-26 13:35:18
1054
原创 vite vue3 ts 全局封装自定义svg组件，全局引入
8.因为项目使用svg组件频率很高，所以将svg组件注册成全局组件，新建service/globalComponent/index.ts。6.为了更好地复用，接下来将svg封装成一个全局组件，以后使用更加方便，新建component/svgicons/index.vue。4.使用vite-plugin-svg-icons插件还需要fast-glob依赖。1.安装vite-plugin-svg-icons插件。2.配置vite.config.ts文件，配置插件。7.使用svgicon组件。
2023-10-25 17:54:56
653
原创 vue开发，引入element-plus ui 完整引入和按需引入
1.安装element-plus ui// NPM 安装npm install element-plus --save// Yarn安装yarn add element-plus2.完整引入//完整引入element-plus//在main.js中添加引入代码import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'//注册element-plus.use(ElementPlus)
2022-03-22 15:54:29
3697
原创 Vue学习环境搭建
1.安装node.js，并查看node版本node -v2.node自带了npm，所以直接把npm镜像地址改成国内淘宝镜像//更改镜像地址npm install -g cnpm --registry=https://registry.npm.taobao.org//查看当前镜像地址npm config get registry3.安装yarnnpm install -g yarn4.安装vue/cli脚手架yarn global add @vue/cli# 或
2022-03-20 19:01:40
710
原创 Git基础设置
1.配置用户名和邮箱//配置用户名git config --global user.name "mengqixing"//配置邮箱git config --global user.email "[email protected]"2.删除C:\Users\Administrator\.ssh下的文件3.git输入命令，然后一直回车ssh-keygen -t rsa -C "[email protected]"4.系统会自动在.ssh文件夹下生成两个文件，id_rsa和id_r
2022-03-18 16:17:46
430
原创 word宏操作：将文档中的自动编号转成可以编辑的文本类型
第一步，调出开发者工具第二步，新建宏第三 步，编辑宏ActiveDocument.Content.ListFormat.ConvertNumbersToText第四步，保存运行
2022-02-09 16:30:10
3262
1
原创 php对象object
通过实例化一个类就会得到一个对象，对象里边一般包含属性和方法对象➡️属性:调用对象里面的属性对象➡️方法:调用对象里面的方法
2022-02-07 22:18:02
236
原创 thinkphp6 JWT封装及使用，登录判断
1.使用composet安装JWTcomposer require firebase/php-jwt安装成功后会在项目根目录\vendor下生成firebase文件夹，里面就是JWT的相关文件2.在项目根目录\extend\Tools\JWT新建JWTAuth.php类封装JWT，分别封装getAdminToken()生成Token方法和checkAdminToken()校验token方法，代码如下：<?phpnamespace Tools\JWT;use Firebase\J
2021-12-15 14:46:19
1712
原创 thinkphp6 卸载插件
把require改成remove比如安装插件命令为//jwt认证插件composer require thans/tp-jwt-auth移动命令为composer remove thans/tp-jwt-auth
2021-12-11 16:48:23
1433
原创 thinkphp6验证码
验证码安装命令行composer require topthink/think-captcha如果是做api接口，验证码安装好后要配置路由，配置规则如下：//验证码路由Route::get('captcha','Login/captcha');多应用路由//多应用路由Route::get('captcha/[:config]','\\think\\captcha\\CaptchaController@index');验证码需要开启全局session打开app/middl.
2021-12-07 18:16:19
953
原创 thinkphp6 验证器
单应用模式下生成验证器命令php think make:validate Admin多应用模式下生成验证器命令：php think make:validate admin@Admin第一步，生成验证器，一般命名与需要验证的模型名称一致；<?phpdeclare (strict_types = 1);namespace app\validate;use think\Validate;class Admin extends Validate{ /**
2021-12-04 17:55:31
6005
原创 thinkphp6 常用方法记录
1.使用field()方法可以返回指定字段信息并重新排序2.使用paginate()方法可以对查询结果进行分页，括号里面的参数代表每页数值，返回的数据包括了数据汇总信息$data = ModelAdmin::where('isdelete',0) ->field('id,admintype_id,realname,mobile,email,lastip') ->paginat
2021-12-04 15:50:36
1531
原创 thinkphp6 api 响应封装(数据查询)
现在使用比较多的api风格是restful设计风格，也就是响应时的json数据应该包含有data数据、msg响应信息、code响应状态码、type数据格式等这几个信息。而且数据响应的格式都应该保持格式一致，所以就涉及到响应数据的封装问题，封装好响应模式后，以后可以直接调用。第一步，新建公共控制器common.php，定义响应returnapi()方法的数据模式进行封装；<?phpnamespace app\controller;use think\Response;class C
2021-12-04 15:43:25
2615
1
原创 thinkphp6模型操作
一、BD和模型的区别在实际开发的过程中单纯使用Db或者模型都可以完成操作数据，只不过说Db是直接在控制器中写方法，而模型可以先在model中写好方法，然后在控制器中调用。模型关联中的方法在Db中一样可以通过join方法实现。1.命名空间：namespaceapp\model;2.引入模型：use Think\model;3.继承模型：class Users extends model...
2021-11-26 13:56:14
1676
原创 thinkphp6控制器Controlloer
一、控制器知识点1.默认控制器标识为:Controller2.默认控制器：Index3.控制器默认方法：Index默认配置一般不改，如果需要修改，可以在config/route.php文件中修改。二、控制器渲染输出控制器渲染输出都是以return返回的，常见输出有直接输出、json输出、模板输出。如下：<?phpnamespace app\index\controller;class Index { public function hello()
2021-11-26 13:54:23
1864
原创 thinkphp6数据库操作
1.返回sql语句return Db::getLastSql();//返回sql语句2.基本语句Db::name('user')->where('条件')->select();
2021-11-26 13:53:00
1165
原创 thinkphp6 请求与响应
1.request请求请求可以简章地理解为服务端请求客户端传过来的数据或操作。比如在资源控制器里面涉及到的增、删、改都会涉及到请求，特别是数据更新时。 public function update(Request $request, $id) { //通过客户端传入的id值查找指定用户信息 $admin = ModelAdmin::where('isdelete',0)->find($id); //通过param()获取客户端
2021-11-26 13:43:49
1938
原创 thinkphp6模型model的增、删、改、查
上次已经把项目和数据库对接上并且用model模型实现数据表单条数据的添加，如下：<?phpnamespace app\admin\controller;use app\admin\model\Admin;//引用Admin模型class Datatest { public function index() { return '这里是数据测试链接'; } public function add(){ /
2021-10-29 22:53:37
2840
原创 thinkphp6模式model类操作数据库
直接通过navicate创建数据库yg_test，并在项目.env和config/database.php做好数据链接配置，注意yg_前缀的配置。然后通过navicate新建yg_admin数据表，如下：1.model模型大概可以这样看模型，一个模型其实就是一个数据表，通过操作model模型来达到操作数据表；model模型以首字母大写的驼峰命名方式，如：AdminModel模型对应的数据表是admin_model、Admin模型对应的是admin数据表如果数据表有前缀的话可以在.evn.
2021-10-29 21:13:25
4876
原创 thinkphp6路由配置
之前将域名中index.php路径给隐藏掉了，因为index控制器和index方法都是tp6默认访问的，所以在输入localhost/admin也可以直接访问到index控制器里面的index方法，但是实际的访问路径应该是http://localhost/admin/index/index当访问新定义的hello方法时，却一样需要把全部路径才可以访问，直接输入localhost/admin/hello是会报错，提示控制器不存在，只能通过全部路径localhost/admin/index/hello才
2021-10-28 19:27:25
8168
原创 thinkphp6多应用部署及隐藏index.php文件
├─app 应用目录│ ├─index 主应用│ │ ├─controller 控制器目录│ │ ├─model 模型目录│ │ ├─view 视图目录│ │ ├─config 配置目录│ │ ├─route 路由目录│ │ └─ ... 更多类库目录│ │ │ ├─admin 后台应用│ │.
2021-10-28 17:09:01
2092
原创 thinkphp6配置bootstrap ui 及模板替换输出
1.本次使用bootstrap ui做为测试对象，地址：起步 · Bootstrap v3 中文文档 | Bootstrap 中文网下载后精简得以下内容，并将css/js/font放到public/static下2.模板替换输出，在config/view.php中添加模板替换代码：//模板替换输出 'tpl_replace_string' => [ '__STATIC__'=>'/static', '__JS__' => '..
2021-10-22 00:32:19
1284
原创 thinkphp6安装与调试
1.先下载环境部署软件phpstudy，地址：小皮面板(phpstudy) - 让天下没有难配的服务器环境！2.下载composer，地址：https://getcomposer.org/Composer-Setup.exe3.将conposer换成国内阿里云镜像composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/4.查看composer镜像源，输入：composer config -
2021-10-21 15:05:53
679
原创 升级vue-cli/vue版本
1.输入卸载命令，卸载旧版本npm uninstall vue-cli -g2.重新全新安装npm install -g @vue/cli3.输入vue -v查询版本输入之后发现并不是内部处理命令。。。4.于是我回头把npm升级到最新版本 npm install -g npm5.升级vue-cli，第一次升级失败。又第二次升级，成功！npm update -g @vue/cli5.查询版本vue--version...
2021-10-18 21:45:57
4693
2
原创 Vue零基础学习笔记20211017
1.导航-->首选项-->设置2.在方括号后加入以下代码,//注意加英文逗号 "auto_complete":true, "auto_math_enabled":true3.保存重启
2021-10-18 02:05:08
96
原创 uniapp学习笔记（零入门）20211013
常用vue基础语法v-bind:动态绑定标签属性，缩写为（:）,如：v-bind:class=“content”和:class="content"是一个意思,都是动态给类class绑定content的动态值；v-on:对DOM事件进行监听，常用于点击或滑动事件，缩写为（@），如：v-on:click="触发事件"跟@click="触发事件"是一个意思三元表达式：：class="test?test1:test2"，意思是当test为true时，把test2赋值给class;当test为false时
2021-10-13 13:36:29
126
原创 uniapp学习笔记（零入门）20211005
图片组件image1.mode属性:不同的属性值会有不同的结果，主要用于图片缩放和裁剪视频组件video1.了解视频的属性可以在不同的场景中使用具体参考官方文档即可
2021-10-05 10:43:49
97
原创 uniapp初学笔记（零入门）2021100202
uniapp基础组件1.view：视图容器，类似于div，2.scroll-view:滚动视频容器3.swiper：滑动视图容器表单组件1.button:按钮2.checkbox:选项组件3.导航与页面传参1.navigater:页面跳转，相当于a标签，但是只有使用open-type="switchTab"的跳转方式才可以跳转到tabBar底部菜单页面2.页面跳转时传参:接受函数props:参数，但是switchTab跳转无法传参...
2021-10-02 17:07:47
164
原创 uniapp初学笔记20211002（零入门）
1.app.vue是全局样式css，所有页面都可以调用2.Page页面里面的style样式优先于全局样式app.vue3.page页面：分为三个部分，templet,script,style，templet里面只有允许有一个一级view，不然会报错4.pages.json文件：是全局配置文件，包括页面路径path、顺序、窗口样式style，添加页面是路径自动生成，窗口样式是针对样式窗口5.tabBar组件：底部菜单栏，在前端切换页面是可以通过底部菜单，可以设置选中和未选中时的样式，同时也可以配置底部
2021-10-02 13:42:26
163
原创 面向对象编程
面向对象简单可以理解为先创建方法，然后再调用方法。方法是通用的，也就是创建一个方法，可以在很多地方调用。就比如我先定义一个方法function MyName(){ var name = prompt('请输入姓名：'); alert('你输入的名字是：'+name);}定义好方法后调用（也就是实例化），不同的人输入的结果是不一样的，但是都是使用上面的函数，也就是方法。在需要使用上述方法时可以直接调用MyName()函数。MyName();在开发过程中，我们经常会使用别.
2021-09-28 09:35:04
68
原创 dede织梦cms文章发布时上传附件后选中无效，得重新选择的解决办法
打开 /include/dialog/select_soft_post.php 找到 大概在第18行$CKEditorFuncNum = (isset($CKEditorFuncNum))? $CKEditorFuncNum : 1;把后面的1改成2即可，如下：$CKEditorFuncNum = (isset($CKEditorFuncNum))? $CKEditorFuncNum : 2;
2021-09-07 11:54:44
165
原创 织梦跨模型移动文章
旧栏目id=2，新栏目id=148，旧模型id=8，新模型id=4，旧数据表dede_addonarticle，新数据表dede_addonshiyedanwei;1、将旧模型下ID=2的栏目的全部内容转移到新模型dede_addonshiyedanweiINSERT INTO dede_addonshiyedanwei(aid,typeid,redirecturl,userip,body) SELECT aid,typeid,redirecturl,userip,body FROM dede_a
2021-09-07 11:49:59
118
原创 excel中如何对比两个表格的重复数据
比如你有培训班的学生名单表，同时官方也公布了录取人员的名单，这个时候我们统计培训班学生通过率的时候，我们就得对比两个表格的名单，如果培训班的学生名单在官方公布的名单中出现，表示这个学生通过考试，得到录取。表格一：学生名单表；表格二：录取名单表。如图示：我们现在要统计培训班的通过率，也就是对比表格二中表格一名单出现的人数把鼠标放到学生名单表的B2单元格，并输入：=IF(COUNTIF(录取名单表!A:A,A2)>0,"通过","不通过")解释：1.录取名单表！A:A表示对..
2021-08-31 18:23:25
7524
原创 VS Code设置中文显示
打开安装好的vs code ，点击左侧菜单应用中心，或快捷键Ctrl+Shit+X在搜索框输入：Chinese，点击install安装安装后会提示重启，点击重启即可重启后直接是中文显示，安装完成。
2021-06-27 15:12:12
334
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人