存储过程基本语法的小Demo

DELIMITER $$


USE `upaas`$$


DROP PROCEDURE IF EXISTS `testProc`$$


CREATE DEFINER=`wzq`@`localhost` PROCEDURE `testProc`(IN a INT(11),IN b INT(11),IN c VARCHAR(2),OUT r INT(11))
BEGIN
IF(c='+')
 THEN SET r = a+b;
END IF;
IF(c='-')
 THEN SET r = a-b;
END IF;
IF(c='*')
 THEN SET r = a*b;
END IF;
IF(c='/')
 THEN SET r = a/b;
END IF;
    END$$


DELIMITER ;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断路器保护灵敏度校验整改及剩余电流监测试点应用站用交流系统断
好的,这里是一个使用 Vue.js 3 的 `setup` 语法糖来实现用户信息存储demo,使用了 Vuex 和 vuex-persistedstate 插件。 1. 安装 vuex-persistedstate: ``` npm install vuex-persistedstate ``` 2. 创建一个 Vuex store 并导出: ```javascript import { createStore } from 'vuex' import createPersistedState from 'vuex-persistedstate' export default createStore({ state: { userInfo: { name: '', age: 0 } }, mutations: { setUserInfo(state, payload) { state.userInfo = payload } }, plugins: [createPersistedState()] }) ``` 在上述代码中,我们创建了一个名为 `userInfo` 的状态,其中包含了用户的姓名和年龄信息。同时,我们还创建了一个名为 `setUserInfo` 的 mutation,用来修改 `userInfo` 状态。最后,我们将 `createPersistedState` 插件传入 `plugins` 选项中,用来实现状态的持久化。 3. 在组件中使用 Vuex: ```vue <template> <div> <input v-model="name" type="text" placeholder="请输入姓名" /> <input v-model.number="age" type="text" placeholder="请输入年龄" /> <button @click="setUserInfo">保存</button> </div> </template> <script> import { computed, reactive } from 'vue' import { useStore } from 'vuex' export default { setup() { const store = useStore() const state = reactive({ name: '', age: 0 }) const userInfo = computed(() => store.state.userInfo) const name = computed({ get() { return userInfo.value.name }, set(value) { store.commit('setUserInfo', { ...userInfo.value, name: value }) } }) const age = computed({ get() { return userInfo.value.age }, set(value) { store.commit('setUserInfo', { ...userInfo.value, age: value }) } }) const setUserInfo = () => { store.commit('setUserInfo', { ...userInfo.value, ...state }) } return { name, age, setUserInfo } } } </script> ``` 在上述代码中,我们通过 `useStore` 方法获取了 Vuex store 的实例,然后使用 `reactive` 创建了一个响应式对象 `state`,将输入框中的值绑定到 `state` 中。通过 `computed` 计算属性将 `state` 中的数据和 Vuex store 中的 `userInfo` 合并,然后通过 `setUserInfo` 方法来保存修改后的用户信息。 以上就是一个使用 Vuex 和 vuex-persistedstate 插件来实现用户信息存储demo,使用了 Vue.js 3 的 `setup` 语法糖。需要注意的是,在实际开发中,我们应该根据具体需求进行状态的设计和管理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值