后端采用 TSRPC 框架实现 API 接口,前端采用 vue-manage-system 后台管理系统框架,数据库采用 mongodb。TSRPC 是专为 TypeScript 设计的 RPC 框架,经千万级用户验证。适用于 HTTP API、WebSocket 实时应用、NodeJS 微服务等场景。有兴趣深入了解可以参考 TSRPC官方文档。 创建项目 用TSRPC 脚手架快速创建一个项目...
在src目录下新建一个request文件夹,在里面新建index.ts(或者.js)文件,编辑代码如下: importaxiosfrom'axios'// 创建一个 axios 实例constservice = axios.create({baseURL:'/api',// 所有的请求地址前缀部分timeout:60000,// 请求超时时间毫秒withCredentials:true,// 异步请求携带cookieheaders: {// 设置后端需...
1. 在routes里面,创建一个user.js文件,用作登陆的后端文件 /** * 用户管理模块 */ const router = require('koa-router')() // koa路由文件 const User = require('../models/userSchema') // schema文件 定义user用户的字段的 const util = require('../utils/util') // 引入请求成功与否的封装 c...
第一步,安装插件 1.安装koa-jwt插件 npm install koa-jwt复制代码 用法示例: 网络异常,图片无法展示 | 我们仅需要用到这个用法就可以了, key是前端的headers.authentication的token前置 secret是解密需要的密钥,login的时候,获取的token的时候,跟解密的时候,这个secret是需要一致的,不然无法解密成功 2.安装jsonwebtok...
我们常常将接口文件,新建在文件夹src下,一般命名为api,api内的文件便是接口文件。👇👇 接口调用具体内容 通常把后端的接口写在api文件夹下,命名采用驼峰命名法,比如loginApi、orderApi、countApi等等。 loginApi.ts内容 源码: import { userType } from '../types/login' ...
# vue3+ts项目搭建和封装(下篇) 搭建页面 我是用了vue3+element-plus来搭建的项目,所以登陆也是用了element-plus的el-form组件 页面骨架部分 <template> <el-form :model="user" status-icon :rules="rules" ref="userForm"> 火星 <el-form-item prop="username"> <el-input ...
如果你使用自定义 Webpack 配置,需要配置ts-loader来解析 vue 文件里的代码块: // webpack.config.jsmodule.exports={...module:{rules:[{test:/\.tsx?$/,loader:'ts-loader',options:{appendTsSuffixTo:[/\.vue$/],},exclude:/node_modules/,},{test:/\.vue$/,loader:'vue-loader',}... 1. ...
ts:https://www.processon.com/view/link/6347e3951e0853378e459426 01. 小程序和网页开发的区别? 1. 宿主环境不一样,网页在浏览器中,小程序在微信软件中。 2. 使用的 API 不一样,小程序不能使用 DOM/BOM 相关的 API,但是小程序能使用微信提供的能力,扫码、支付、小程序直播、定位。
1.路由配置 1.1路由组件的雏形 src\views\home\index.vue(以home组件为例) 1.2路由配置 1.2.1路由index文件 src\router\index.ts //通过vue-router插件实现模板路由配置 import { createRouter, creat
ArkTS提供了一系列的程序包来支持数据库和数据请求能力：比如@ohos.data.rdb (关系型数据库)，其是...