学习jeecgboot

1.原生JSONObject.optString()；

JSONObject options = new JSONObject();
String strName = options.optString("strName");

2023-04-19；

1.为启动jeecgboot-vue3（同时，下载该项目所需依赖需要安装pnpm，而安装pnpm同样也需要升级Node），需要升级Node（我现在版本是v14.17.4，而上述最低要求为v16.14）；

安装pnpm：https://blog.csdn.net/weixin_42569526/article/details/126139139

升级Node：https://juejin.cn/post/7198626211031187516

安装nvm：https://juejin.cn/post/7074108351524634655

2023-04-20；

MyRole.vue；

<template>
  <div class="p-2">
    <BasicTable @register="registerTable">

    </BasicTable>
  </div>
</template>

<script lang="ts">
import {BasicTable} from '/@/components/Table'
import {useListPage} from '/@/hooks/system/useListPage'
export default {
  name: "MyRole",
  components: {BasicTable},
  setup() {
    const {tableContext} = useListPage({
      tableProps: {},
    })
    const [registerTable, {}] = tableContext

    return {
      registerTable
    }
  },
}
</script>

<style scoped>

</style>

2023-04-21；

MyRole.vue；

<template>
  <div class="p-2">
    <BasicTable @register="registerTable">
      <template #tableTitle>
        <a-button type="primary" preIcon="ant-design:plus" @click="onAdd">新增</a-button>
      </template>
    </BasicTable>
  </div>
</template>

<script lang="ts">
import {BasicTable} from '/@/components/Table'
import {useListPage} from '/@/hooks/system/useListPage'
import {list} from './rolel.api'

export default {
  name: "MyRole",
  components: {BasicTable},
  setup() {
    const {tableContext} = useListPage({
      tableProps: {
        api: list,
        // api: () => {
        //   return new Promise<any>((resolve) => {
        //     resolve([
        //       {roleName:'管理员1', roleCode: 'admin'},
        //       {roleName:'普通用户2', roleCode: 'user'},
        //     ])
        //   })
        // },
        columns: [
          {
            title: '角色名',
            dataIndex: 'roleName',
          },
          {
            title: '角色编码',
            dataIndex: 'roleCode',
          }
        ],
      },
    })
    const [registerTable, {}] = tableContext

    function onAdd() {
      alert('add')
    }

    return {
      registerTable,
      onAdd,
    }
  },
}
</script>

<style scoped>

</style>

 

role.api.ts；

import {defHttp} from "/@/utils/http/axios";

enum RoleApi {
  list = '/sys/role/list'
}

/**
 * 获取列表数据的接口
 * @param params
 */
export const list = (params) => defHttp.get({url: RoleApi.list, params})

2023-04-22；

MyRole.vue；

<template>
  <div class="p-2">
    <BasicTable @register="registerTable">
      <template #tableTitle>
        <a-button type="primary" preIcon="ant-design:plus" @click="onAdd">新增</a-button>
      </template>
    </BasicTable>
    <RoleModal @register="registerModal"/>
  </div>
</template>

<script lang="ts">
import {BasicTable} from '/@/components/Table'
import {useListPage} from '/@/hooks/system/useListPage'
import {list} from './role.api'
import RoleModal from './RoleModal.vue'
import {useModal} from '/@/components/Modal'

export default {
  name: "MyRole",
  components: {BasicTable, RoleModal},
  setup() {
    const {tableContext} = useListPage({
      tableProps: {
        api: list,
        // api: () => {
        //   return new Promise<any>((resolve) => {
        //     resolve([
        //       {roleName:'管理员1', roleCode: 'admin'},
        //       {roleName:'普通用户2', roleCode: 'user'},
        //     ])
        //   })
        // },
        columns: [
          {
            title: '角色名',
            dataIndex: 'roleName',
          },
          {
            title: '角色编码',
            dataIndex: 'roleCode',
          }
        ],
      },
    })
    const [registerTable, {}] = tableContext

    const [registerModal, {openModal}] = useModal()

    function onAdd() {
      openModal(true)
    }

    return {
      registerTable,
      registerModal,
      onAdd,
    }
  },
}
</script>

<style scoped>

</style>

RoleModal.vue；

<template>
  <BasicModal @register="registerModal" title="新增">
    <BasicForm @register=""></BasicForm>
  </BasicModal>
</template>

<script lang="ts">
import {BasicModal, useModalInner} from '/@/components/Modal'
import {BasicForm, useForm} from '/@/components/Form'
export default {
  name: "RoleModal",
  components: {
    BasicModal
  },
  emits: ['register', 'success'],
  setup() {
    const [registerModal] = useModalInner(() => {
    })

    // const []

    return {
      registerModal
    }
  }
}
</script>

<style scoped>

</style>

2023-04-24；

配置Redis开机启动：https://blog.csdn.net/hkhhkb/article/details/79167880

 https://www.pianshen.com/article/59391920758/

2023-05-02；

1.padding：内边距；

2023-05-09；

1.TestSetup.vue；

<template>
  <button @click="count++">{{ count }}</button>
</template>

<script>
import { ref } from 'vue'

export default {
  name: "TestSetup",

  setup() {
    const count = ref(0)

    // 返回值会暴露给模板和其他的选项式 API 钩子
    return {
      count
    }
  },

  mounted() {
    console.log(this.count) // 0
  }
}
</script>

2023-05-16；

1.vue2；

<template>
  <div>{{ msg }}</div>
</template>

<script>
export default {
  name: 'TestVue3',
  data() {
    return {
      msg:'hello world'
    }
  }

}
</script>

<style scoped>

</style>

2.vue3

进行到04:08.