![](https://img-blog.csdnimg.cn/aaadeca247dc424c837eadadb75daf82.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
全栈开发实战篇
小草看书,一款 gin+vue+flutter 开发的看书应用。内容含古典文学,四大名著,神话武侠,诗词歌赋等。
小草与大树
这个作者很懒,什么都没留下…
展开
-
【全栈开发实战小草看书之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 · 398 阅读 · 0 评论 -
【全栈开发实战小草看书之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 · 267 阅读 · 0 评论 -
【全栈开发实战小草看书之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 · 393 阅读 · 0 评论 -
【全栈开发实战小草看书之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 · 523 阅读 · 0 评论 -
【全栈开发实战小草看书之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 · 102 阅读 · 0 评论 -
【全栈开发实战小草看书之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 · 238 阅读 · 0 评论 -
【全栈开发实战小草看书之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 · 716 阅读 · 0 评论 -
【全栈开发实战小草看书之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 · 724 阅读 · 0 评论 -
【全栈开发实战小草看书之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 · 498 阅读 · 0 评论 -
【全栈开发实战小草看书之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 · 385 阅读 · 0 评论 -
【全栈开发实战小草看书之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 · 540 阅读 · 0 评论 -
【全栈开发实战小草看书之开篇】
全栈开发实战篇之小草看书 - 开篇介绍小草看书,一款 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 · 1642 阅读 · 0 评论