小草与大树-CSDN博客

原创【全栈开发实战小草看书之Web端（十一）公司管理】

全栈开发实战小草看书之Web端（十一）公司管理列表代码文件（pages/sys/company/Index.vue）<template> <div> <div class="row"> <el-button type="danger" @click="remove()">删除</el-button> <el-button type="primary" @click="open(0, 'Edit')"&g

2021-12-31 13:54:52 427

原创【全栈开发实战小草看书之Web端（十）布局】

## 介绍参考Element Plus基础组件中的Container 布局容器和导航中的Menu 菜单、Dropdown 下拉菜单、Tabs 标签页示例进行布局，同时使用了screenfull切换全屏## 代码文件（pages/home/Index.vue）```Html<template> <el-container> <el-header> <div class="row-side"> <div class="row-center">

2021-12-27 18:26:30 297

原创【全栈开发实战小草看书之Web端（九）登录】

全栈开发实战小草看书之Web端（九）登录代码文件（pages/home/Login.vue）<template> <div class="background center"> <el-form ref="form" :model="data" :rules="rules" :show-message="false" @keyup.enter="login"> <el-form-item prop="userName">

2021-12-23 12:54:34 405

原创【全栈开发实战小草看书之Web端（八）主入口】

全栈开发实战小草看书之Web端（八）主入口Html文件（index.html）<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta name="viewport" content="width=device-width, initial-scal

2021-12-21 12:05:03 553

原创【全栈开发实战小草看书之Web端（七）Crud增删改查组合式API】

全栈开发实战小草看书之Web端（七）Crud增删改查组合式API介绍增删改查常用功能的封装，分为动态加载组件，列表页和编辑页等功能代码文件（crud/index.js）import { provide, inject, reactive, toRefs, watch, onMounted } from "vue";import { ElMessage, ElMessageBox } from "element-plus";

2021-12-20 16:03:27 127

原创【全栈开发实战小草看书之Web端（六）Vue Router动态路由】

全栈开发实战小草看书之Web端（六）Vue Router动态路由代码文件（router/index.js）import { createRouter, createWebHashHistory } from "vue-router";import store from "@/store";const dynamicRoutes = (router) => { store.state.resources.forEach((r) => { r.children.forEach(

2021-12-17 12:39:52 274

原创【全栈开发实战小草看书之Web端（五）Axios封装】

全栈开发实战小草看书之Web端（五）Axios封装代码文件（http/index.js）import axios from "axios";import { ElMessage } from "element-plus";import store from "@/store";const http = axios.create({ baseURL: import.meta.env.VITE_MGT_URL, timeout: 5000,});http.interceptors.req

2021-12-16 11:02:26 739

原创【全栈开发实战小草看书之Web端（四）Vuex状态管理】

全栈开发实战小草看书之Web端（四）Vuex状态管理代码文件（store/index.js）import { createStore } from "vuex";import createPersistedState from "vuex-persistedstate";const store = createStore({ state: { collapse: false, pages: [ { path: "/", title:

2021-12-15 10:36:29 750

原创【全栈开发实战小草看书之Web端（三）配置文件】

全栈开发实战小草看书之Web端（三）配置文件调试配置文件（.vscode/launch.json）环境文件开发环境（.env.development）VITE_MGT_URL=http://localhost:8081VITE_WEB_URL=http://localhost:8082正式环境（.env.production）VITE_MGT_URL=http://***.kskj.vip:8081VITE_WEB_URL=http://***.kskj.vip:8082

2021-12-14 10:58:34 510

原创【全栈开发实战小草看书之Web端（二）创建项目】

全栈开发实战小草看书之Web端（二）创建项目创建项目yarn create vite lgw --template vuecd lgwyarn add axios element-plus @element-plus/icons-vue screenfull@^5.2.0 vue-router@next vuex@next vuex-persistedstateyarn add -D lessyarnyarn dev项目结构|-- lgw |-- .vscode |

2021-12-13 16:18:51 442

原创【全栈开发实战小草看书之Web端（一）开发环境】

全栈开发实战小草看书之Web端（一）开发环境安装 Visual Studio Code扩展Chinese，Prettier，Volar设置（文件-首选项-设置-右上角打开设置(json)）{ "terminal.integrated.defaultProfile.windows": "Command Prompt", "explorer.confirmDelete": false, "security.workspace.trust.untrustedFiles": "open",

2021-12-10 10:28:34 565

原创【全栈开发实战小草看书之开篇】

全栈开发实战篇之小草看书 - 开篇介绍小草看书，一款 gin+vue+flutter 开发的看书应用。内容含古典文学，四大名著，神话武侠，诗词歌赋等。Android端技术选型Web端vite2，vue3，vue-router4，vuex4，vuex-persistedstate，axios，elementplus，screenfull，less服务端gin，gorm，logrus，viper，riot移动端flutter，curved_navigation_bar，device_info

2021-12-08 11:02:38 1671

weixin_56024424的博客