像一棵海草海草海草 - 博客园

2024年9月1日

042.CI4框架CodeIgniter,控制器过滤器Filter配合Services的使用

摘要： 01、Config中的Services.php代码如下： <?php namespace Config; use App\Libraries\Tx_Auth; use CodeIgniter\Config\BaseService; class Services extends BaseService 阅读全文

posted @ 2024-09-01 23:13 像一棵海草海草海草阅读(1) 评论(0) 推荐(0) 编辑

041.CI4框架CodeIgniter,控制器过滤器Filter的使用

摘要： 01、我们在Filters目录，创建一个MyFilter.php文件 <?php namespace App\Filters; use CodeIgniter\Filters\FilterInterface; use CodeIgniter\HTTP\RequestInterface; use Co 阅读全文

posted @ 2024-09-01 21:40 像一棵海草海草海草阅读(3) 评论(0) 推荐(0) 编辑

2024年8月31日

040.CI4框架CodeIgniter,使用Response实现前后端分离并返回JSON

摘要： 01、BaseController.php代码如下： <?php namespace App\Controllers; use CodeIgniter\Controller; use CodeIgniter\HTTP\CLIRequest; use CodeIgniter\API\ResponseT 阅读全文

posted @ 2024-08-31 14:22 像一棵海草海草海草阅读(2) 评论(0) 推荐(0) 编辑

039.CI4框架CodeIgniter,封装Model模型绑定数据库的封装

摘要： 01、ModelBase.php代码如下： <?php namespace App\Models; use CodeIgniter\Database\ConnectionInterface; use CodeIgniter\Model; use CodeIgniter\Validation\Vali 阅读全文

posted @ 2024-08-31 13:30 像一棵海草海草海草阅读(4) 评论(0) 推荐(0) 编辑

038.CI4框架CodeIgniter,使用Jwt生成token

摘要： 01、在composer.json中增加一行调用jwt的代码： { "name": "codeigniter4/appstarter", "description": "CodeIgniter4 starter app", "license": "MIT", "type": "project", " 阅读全文

posted @ 2024-08-31 01:07 像一棵海草海草海草阅读(2) 评论(0) 推荐(0) 编辑

2024年8月30日

037.CI4框架CodeIgniter,使用Model模型绑定数据库表

摘要： 01、我们创建一个数据库，如下： CREATE TABLE `user` ( `id` int(20) NOT NULL AUTO_INCREMENT, `username` varchar(255) CHARACTER SET utf8 COLLATE utf8_general_ci NULL D 阅读全文

posted @ 2024-08-30 20:02 像一棵海草海草海草阅读(2) 评论(0) 推荐(0) 编辑

2024年8月26日

001、安装thinkphp8

摘要： 01、在目录右键打开powershell，输入composer，能正常显示 02、输入composer config -g repo.packagist composer https://mirrors.aliyun.com/composer/ ，切换到国内镜像 03、输入composer crea 阅读全文

posted @ 2024-08-26 11:37 像一棵海草海草海草阅读(9) 评论(0) 推荐(0) 编辑

2024年8月25日

063、Vue3+TypeScript基础，作用域插槽的使用

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 // import emitt 阅读全文

posted @ 2024-08-25 14:46 像一棵海草海草海草阅读(13) 评论(0) 推荐(0) 编辑

062、Vue3+TypeScript基础，插槽中使用具名插槽

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 // import emitt 阅读全文

posted @ 2024-08-25 14:13 像一棵海草海草海草阅读(8) 评论(0) 推荐(0) 编辑

061、Vue3+TypeScript基础，插槽中增加图片和控制视频

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 // import emitt 阅读全文

posted @ 2024-08-25 13:56 像一棵海草海草海草阅读(6) 评论(0) 推荐(0) 编辑

060、Vue3+TypeScript基础，插槽的基础用法

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 // import emitt 阅读全文

posted @ 2024-08-25 03:51 像一棵海草海草海草阅读(8) 评论(0) 推荐(0) 编辑

059、Vue3+TypeScript基础，页面通讯之父组件provide数据，子孙组件用inject直接使用

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 // import emitt 阅读全文

posted @ 2024-08-25 03:00 像一棵海草海草海草阅读(3) 评论(0) 推荐(0) 编辑

058、Vue3+TypeScript基础，页面通讯之父页面使用$parent的用法

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 // import emitt 阅读全文

posted @ 2024-08-25 02:15 像一棵海草海草海草阅读(2) 评论(0) 推荐(0) 编辑

2024年8月24日

057、Vue3+TypeScript基础，页面通讯之父页面使用$refs修改子页面暴露的成员

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 // import emitt 阅读全文

posted @ 2024-08-24 16:36 像一棵海草海草海草阅读(3) 评论(0) 推荐(0) 编辑

056、Vue3+TypeScript基础，页面通讯之$attrs父类子类孙类互传数据和事件

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 // import emitt 阅读全文

posted @ 2024-08-24 15:31 像一棵海草海草海草阅读(10) 评论(0) 推荐(0) 编辑

055、Vue3+TypeScript基础，页面通讯之$attrs的使用

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 // import emitt 阅读全文

posted @ 2024-08-24 14:57 像一棵海草海草海草阅读(5) 评论(0) 推荐(0) 编辑

054、Vue3+TypeScript基础，页面通讯之一个组件中多个v-model数据绑定

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 // import emitt 阅读全文

posted @ 2024-08-24 13:01 像一棵海草海草海草阅读(2) 评论(0) 推荐(0) 编辑

053、Vue3+TypeScript基础，页面通讯之v-model在组件中手写实现

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 // import emitt 阅读全文

posted @ 2024-08-24 12:17 像一棵海草海草海草阅读(4) 评论(0) 推荐(0) 编辑

052、Vue3+TypeScript基础，页面通讯之v-model的基本用法

摘要： 1、main.ts代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 // import emitte 阅读全文

posted @ 2024-08-24 00:46 像一棵海草海草海草阅读(3) 评论(0) 推荐(0) 编辑

051、Vue3+TypeScript基础，页面通讯之使用mitt在任意组件中通讯

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 // import emitt 阅读全文

posted @ 2024-08-24 00:12 像一棵海草海草海草阅读(5) 评论(0) 推荐(0) 编辑

2024年8月23日

050、Vue3+TypeScript基础，页面通讯之使用mitt在任意组件中通讯

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' // 引入emitter用于全局事件总线 import emitter 阅读全文

posted @ 2024-08-23 23:16 像一棵海草海草海草阅读(3) 评论(0) 推荐(0) 编辑

049、Vue3+TypeScript基础，页面通讯之子页面调用父页面的事件

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' const app = createApp(App); // App.v 阅读全文

posted @ 2024-08-23 11:14 像一棵海草海草海草阅读(1) 评论(0) 推荐(0) 编辑

048、Vue3+TypeScript基础，页面通讯之父页面和子页面互传数据

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' const app = createApp(App); // App.v 阅读全文

posted @ 2024-08-23 00:07 像一棵海草海草海草阅读(6) 评论(0) 推荐(0) 编辑

2024年8月22日

047、Vue3+TypeScript基础，pinia库store的组合式写法

摘要： 01、main.js代码如下： <template> <div class="app"> <h2 class="title">App.Vue</h2>  <br> <Page2/> </div> </template> <script lang="ts" setup 阅读全文

posted @ 2024-08-22 22:54 像一棵海草海草海草阅读(6) 评论(0) 推荐(0) 编辑

046、Vue3+TypeScript基础，pinia库中使用$subscribe订阅数据变动

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' //第一步：引入pinia import {createPinia} f 阅读全文

posted @ 2024-08-22 22:09 像一棵海草海草海草阅读(13) 评论(0) 推荐(0) 编辑

045、Vue3+TypeScript基础，pinia库中getters的用法

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' //第一步：引入pinia import {createPinia} f 阅读全文

posted @ 2024-08-22 15:01 像一棵海草海草海草阅读(12) 评论(0) 推荐(0) 编辑

044、Vue3+TypeScript基础，storeToRefs的用法

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' //第一步：引入pinia import {createPinia} f 阅读全文

posted @ 2024-08-22 09:45 像一棵海草海草海草阅读(19) 评论(0) 推荐(0) 编辑

043、Vue3+TypeScript基础，pinia库使用action，在函数中对存储数据进行修改

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' //第一步：引入pinia import {createPinia} f 阅读全文

posted @ 2024-08-22 09:00 像一棵海草海草海草阅读(22) 评论(0) 推荐(0) 编辑

2024年8月21日

042、Vue3+TypeScript基础，pinia库存储数据修改的两种方式

摘要： 01、main.ts代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' //第一步：引入pinia import {createPinia} f 阅读全文

posted @ 2024-08-21 23:34 像一棵海草海草海草阅读(22) 评论(0) 推荐(0) 编辑

041、Vue3+TypeScript基础，使用pinia库来储存数据

摘要： 01、输入npm install pinia 02、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' //第一步：引入pinia 阅读全文

posted @ 2024-08-21 22:48 像一棵海草海草海草阅读(34) 评论(0) 推荐(0) 编辑

040、Vue3+TypeScript基础，使用nanoid库生成id

摘要： 01、使用powershell，输入npm i nanoid来安装： 02、App.vue代码如下： <template> <div class="app"> <h2 class="title">App.Vue</h2> <Page1/> <br> <Page2/> </div> </templat 阅读全文

posted @ 2024-08-21 21:26 像一棵海草海草海草阅读(9) 评论(0) 推荐(0) 编辑

039、Vue3+TypeScript基础，路由中使用redirect来重定向

摘要： 01、index.ts代码如下： //创建路由并暴露出去 import {createRouter, createWebHistory} from 'vue-router' import Home from '@/view/Home.vue' import About from '@/view/Ab 阅读全文

posted @ 2024-08-21 16:53 像一棵海草海草海草阅读(16) 评论(0) 推荐(0) 编辑

2024年8月20日

038、Vue3+TypeScript基础，使用router.push进行路由跳转并传参

摘要： 01、main.js // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' //引入路由 import router from './router' cons 阅读全文

posted @ 2024-08-20 23:06 像一棵海草海草海草阅读(51) 评论(0) 推荐(0) 编辑

037、Vue3+TypeScript基础，使用router.push进行导航式路由跳转

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' //引入路由 import router from './router' 阅读全文

posted @ 2024-08-20 21:55 像一棵海草海草海草阅读(10) 评论(0) 推荐(0) 编辑

036、Vue3+TypeScript基础，路由中使用replace不让前进后退

摘要： 01、代码如下： <template> <div class="app"> <h2 class="title">App.Vue路由测试</h2>  <div class="navigate"> <router-link replace to="/Home" class="nav 阅读全文

posted @ 2024-08-20 20:52 像一棵海草海草海草阅读(2) 评论(0) 推荐(0) 编辑

035、Vue3+TypeScript基础，使用defineProps自动获得父页面传子页面的参数的3种写法

摘要： 01、New.vue代码如下： <template> <div class="app-container">  <div class="sidebar"> <ul class="news-list">  <li v-for="news in ne 阅读全文

posted @ 2024-08-20 00:36 像一棵海草海草海草阅读(35) 评论(0) 推荐(0) 编辑

2024年8月19日

034、Vue3+TypeScript基础，路由params参数的使用

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' //引入路由 import router from './router' 阅读全文

posted @ 2024-08-19 23:56 像一棵海草海草海草阅读(17) 评论(0) 推荐(0) 编辑

033、Vue3+TypeScript基础，路由传参时候把层级脱掉

摘要： 01、Datail.vue代码如下： <template> <ul class="news-list"> <li>编号：{{ route.query.id }}</li> <li>编号：{{ route.query.title }}</li> <li>编号：{{ route.query.conten 阅读全文

posted @ 2024-08-19 21:22 像一棵海草海草海草阅读(2) 评论(0) 推荐(0) 编辑

032、Vue3+TypeScript基础，嵌套子路由和query传参

摘要： 01、main.js代码如下： // 引入createApp用于创建Vue实例 import {createApp} from 'vue' // 引入App.vue根组件 import App from './App.vue' //引入路由 import router from './router' 阅读全文

posted @ 2024-08-19 01:01 像一棵海草海草海草阅读(5) 评论(0) 推荐(0) 编辑

031、Vue3+TypeScript基础，路由中to的字符串写法和对象写法2种写法

摘要： 01、index.ts代码如下： //创建路由并暴露出去 import {createRouter, createWebHistory} from 'vue-router' import Home from '@/view/Home.vue' import About from '@/view/Ab 阅读全文

posted @ 2024-08-19 00:01 像一棵海草海草海草阅读(2) 评论(0) 推荐(0) 编辑