小小的产品经理-优快云博客

原创 python：flask实现图片的上传与查看

目标1.后台调用接口，传图片文件及图片名称字段；2.接口获取到数据后对图片进行存放；3.用户请求图片链接获取图片；图片上传接口app.py#引入flask、os等包from flask import Flask, Response, requestimport osimport jsonapp = Flask(__name__)//定义接口地址为imageprocess@app.route('/imageprocess', methods=['POST'])def image

2021-07-08 21:11:14 7198

原创 VUE3.0使用组合api进行路由跳转

1）template模板内容，给button按钮绑定一个click<el-button class="btn—confirm" type="primary" @click="handleSearch()"> 登录</el-button>2）在此组件的script中引入userouterimport { useRouter } from "vue-router";3）定义userouter为routerconst router = useRouter();4）ha

2021-06-11 11:09:24 2163 1

原创 React路由配置

目标1.实现整个页面之间的跳转；2.实现部分组件之间的切换；安装react-router-dom//控制台cnpm install react-router-dom//或者yarn add react-router-dom创建配置文件1.在src文件夹下创建routes文件夹，并创建index.js文件2.编写路由目录3.具体逻辑1）import需要展示的页面和组件2）对需要展示的页面进行分类，一部分是不需要验证可以看到的入mianRoutrs，包含登陆页、注册页和404；一部分

2021-05-03 16:34:40 1127

原创 GO：gin处理前端跨域问题

目标：解决前端调用gin写的接口浏览器因为跨域无法调用的问题，表现为postman可以请求接口但是浏览器无法请求到接口；设置后台1）引用gin包和net包package loginimport ( "github.com/gin-gonic/gin" "net/http")2）定义Cors()，将所有的请求进行放行；func Cors() gin.HandlerFunc { return func(c *gin.Context) { method := c.Request.M

2021-04-23 18:48:23 712

原创 uniapp：点击不同的id进入不同内容的详情页面

目标：如下图，点击不同的图片进入到不同的渲染页面遍历数据并编写click方法html5//@click="handlegovideo(item)获取到当前遍历对象的数据<view class="vedio_item" v-for="item in videowp" :key="item.id" @click="handlegovideo(item)"> <image :src="item.img" mode="widthFix" style="display: flex;wi

2021-04-23 16:10:18 2205

原创 uniapp：处理scroll-view的y轴只占用部分而不是全屏

目标：使此处的滑动轴只占用下部分；处理方法：使用calc计算减去头部分长度.recommond_view { height: calc(100vh - 36px);}

2021-04-23 12:25:44 643

原创 Vue：使用TreeTable进行多级扩展表格的创建

目标及数据准备数据类型如下，数据中拥有多层子集的children；目标样式：Vue引入TreeTable1）npm安装npm i vue-table-with-tree-grid -S2）声明引入main.jsimport TreeTable from 'vue-table-with-tree-grid'Vue.component('tree-table', TreeTable)使用:data=“cateLists” 是需要渲染的数据，:columns="columns"是

2021-04-22 18:44:49 1134

原创 Vue：循环数据上下及其中间增加横线（非表格）

目标：如下，要做到对一下权限的上下两行和中间都要增加分割线，显然是所有行增加底部线，并判断当前行是不是第一行，若是第一行增加一个css示例代码如下class均有bdbottom样式，并判断当前行的id是否为0，若为0则增加bdtop的css样式html代码<el-row :class="['bdbottom',i1===0?'bdtop':'','vcenter']" v-for="(item1,i1) in scope.row.children" :key="item1.id">

2021-04-21 21:27:23 1739

原创 Vue+element ui：对表格的某行进行处理（作用域插槽）

目标对element ui中的表格某一行的数据进行修改，如下图，改变状态和点击操作对某一行数据进行操作示例代码//:data="userlist"进行数据的绑定<el-table :data="userlist" border="" stripe> <el-table-column label="#" type="index"></el-table-column> <el-table-column label="姓名" prop="username"&

2021-04-21 20:51:41 1797

原创 js:写入/获取/清除缓存

目标：将需要记录的数据写入到浏览器缓存中，常用于登录后写入用户信息和时间戳，以进行身份的验证和浏览时间限制；写入缓存数据window.sessionStorage.setItem('token',res.data.token);向浏览器写入缓存数据，其中token是键，res.data.token是要写入的数据；获取缓存数据window.sessionStorage.getItem('token')获取名称为token的键；获取缓存数据window.sessionStorage.clea

2021-04-21 17:14:36 836

原创 GO：从数据库总获取一个字段并组成数组

目标：获取数据库里的一个字段，并组成[1,2,3,4,5,6]这样的数组源码func Getdict_mysql(re_type string) []string { intre_type, _ := strconv.Atoi(re_type) db ,_ := sql.Open("mysql","root:123456@tcp(127.0.0.1:3306)/bill?charset=utf8") type Redict struct { use_type s

2021-02-13 10:23:40 1314

原创 GO：日志打印

目标：使用go语言标准库log进行日志的打印需要用到的包import ( "fmt" "log" "os")封装日志打印函数func Printlog(filename,message string) { logFile, logErr := os.OpenFile("log/"+filename, os.O_CREATE|os.O_RDWR|os.O_APPEND, 0644) if logErr != nil { fmt.Println

2021-02-13 10:01:43 1054

原创 GO：单文件上传和多文件上传

引入包import ( "github.com/gin-gonic/gin" "fmt" "log")定义主函数的两个接口func main () { router := gin.Default() //仅用作单文件上传接口 router.POST("/upload", uploadfile) //既可用作但文件也可以用作多文件上传接口 router.POST("/uploads", Mult_uploadfile) router.Run(":8080")}单文件上传的

2021-02-08 21:22:27 1102

原创解析gin-gonic / gin写web接口

实例代码来自于gin-gonic / gin: gin的git.快速进行一个get请求原例子package mainimport "github.com/gin-gonic/gin"func main() { r := gin.Default() r.GET("/ping", func(c *gin.Context) { c.JSON(200, gin.H{ "message": "pong", }) }) r.Run() // listen and serve on 0

2021-02-08 18:03:01 1163

原创 GO：对json文件进行修改

引入包import ( "encoding/json" "fmt" "os" "io/ioutil")创建json文件的结构体//创建结构体type Person struct { Name string age int32 Sex bool Hobbies []string}写入初始化的值func writejson() { //新建一个结构体实例 person := Person{"David", 30, tru

2021-02-08 14:07:34 1598

原创 GO实现对mysql增删改查

需要引入的包import ( "fmt" _"github.com/go-sql-driver/mysql" //mysql快捷处理的一个包 "github.com/jmoiron/sqlx" "encoding/json")定义一个数据库var Db *sqlx.DB初始化时实例一个连接func init() { database, err := sqlx.Open("mysql", "用户名:密码@tcp(数据库地址:3306)/库名称?charset=utf8"

2021-02-07 19:33:56 331

原创 GO：理解指针的作用

概念和意义的解析GO菜鸟教程对指针的解释：一个指针变量指向了一个值的内存地址。查阅资料对指针加深理解1）指针类型用于传递地址, 而不是传递值, 因为 golang 的函数, 所有的参数都是传递一个复制的值. 如果值的体积过大, 那么就会严重降低效率, 而传递一个地址, 就会大大提高效率. 另外传递指针也能让 go 函数实现对变量值的修改.2）如果一个复杂类型的值被传递了若干次后, 和自己比较, 虽然用于保存的容器和名称变了, 但用于保存值的地址不变, 这个时候, 只要使用指针进行对比, 就知

2021-02-07 13:15:55 2458

原创 go语言对结构体、map和切片进行json化

引入json处理的包getjosn.pyimport ( "fmt" "encoding/json")将结构体进行json化创建结构体getjosn.pytype Teacher struct { Name string Age int Birthdate string Sal float64}处理结构体的json化getjosn.pyfunc structTeacher() { //创建一个结构体的实例 teacher1 := Teacher{ Name

2021-02-06 20:49:47 359

原创 GO写web接口（采集mysql数据向前端传json）

安装两个包打开控制台//安装web接口包go get github.com/gin-gonic/gin//安装mysql操作包go get github.com/go-sql-driver/mysql引入需要支持的包geymysql.goimport ( //引入mysql的处理 "database/sql" _"github.com/go-sql-driver/mysql" "fmt" //引入json格式化 "encoding/json"

2021-02-06 20:25:46 1086

原创 python中进行日志的打印

引入loggingimport logging创建一个打印info级别的函数def writeinfo(message): log_file = "./nomal_logger.log" log_level = logging.DEBUG logger = logging.getLogger("loggingmodule.NomalLogger") handler = logging.FileHandler(log_file) formatter =

2021-01-24 22:25:23 574 1

原创 python对时间进行数据库的存储

数据库字段格式为datetime// 将字段格式进行修改alter table ahp_project modify column create_time datetime;获取当前时间并存入数据库获取当前时间// 将字段格式进行修改create_time = time.strftime("%Y-%m-%d %H:%M:%S", time.localtime())存储当前时间// 将字段格式进行修改insert into ahp_project (create_time) val

2021-01-24 20:14:09 2265

原创 Vue使用富文本编辑器

安装wangegitor控制台npm i wangeditor --save组件化富文本编辑器1）在components文件夹下创建Wangedit.vue2）目标：2.1）能够输入；2.2）获取到输入后的富文本(为存入数据库作准备)；2.3）将字符串化后的富文本能够展示出正确的格式（取数据库的数据）3）html结构<template> <div> //div1用来承载富文本编辑器 <div id = "div1"&g

2021-01-23 19:10:11 1805 3

原创 Vue项目最快最简单打包成桌面应用

打包vue项目为dist文件1）修改基础路径（必做）第一个坑：需要修改静态资源路径为相对路径，找到vue.config.js文件修改publicPath，此处不修改，打包的dist文件的index.html文件将无法加载出来；publicPath: process.env.NODE_ENV === 'production' ? './' : './',2）运行vue ui进行打包控制台vue ui进入vue项目管理界面，进行打包，生成dist文件从官方拉取已经打包好的模版1）创

2021-01-22 21:55:07 1195 2

原创 flask写的接口处理跨域问题

安装flask_cors// 控制台安装flask_cors,后面一大串是淘宝镜像，进行快速下载pip3 install flask_cors -i http://mirrors.aliyun.com/pypi/simple --trusted-host mirrors.aliyun.com使用fkask_cors进行跨域的处理1）引入flask_cors；2）进行跨域处理：CORS(app, supports_credentials=True)// api.pyfrom flask_c

2021-01-18 13:10:00 752

原创 iview的table合并相同的单元格

效果图代码export default{ data(){ spanb:[] }},mounted:function(){ let contactDotb = 0; let spanb = []; this.data5.forEach((item,index)=>{ if(index === 0){ console.log(spanb) spanb.push(1) }else {

2021-01-18 13:01:07 1011

原创 css设置全局背景图最全写法

梭哈上去就完事了.container{ background: url("http://www.hubu.edu.cn/images/00123.jpg") no-repeat center; position:fixed; top: 0; left: 0; width:100%; height:100%; min-width: 1000px; background-size: cover; -webkit-background-si

2021-01-18 12:43:33 1216

原创前端对登录的用户信息进行存取

Window sessionStorage的使用//存放window.sessionStorage.setItem("key", "value");//取数据window.sessionStorage.getItem("key");//删除指定的key的数据window.sessionStorage.removeItem("key");//删除所有的数据window.sessionStorage.clear();存入用户信息async login(){ //axios进行登录接口

2021-01-18 12:39:04 4484

原创使用pymysql对mysql5.7进行json数据的存取

dict生成的字典表无法存入mysql数据dict = { "ststus":200, "data"="data"}虽然dict写入的是双引号，但是print打印出的仍然是单引号；mysql无法存入单引号数据如何存入数据库import jsondata = json.json.dumps(dict)此时就可以将data写入到数据库的字段了如何从数据库里取值使用json,loads()从数据库中取到的数据import jsonsql = "select x_dict f

2021-01-16 10:16:49 659

原创前端ajax+flask+pymysql将获取到的图片传入数据库

目标：上传用户头像并存储数据库增加字段将图片进行base64存储，所有采用mediumtext；数据库处理alter table user_login add userimg mediumtext;pymsql进行处理开发python文件import pymysqldef insert_userimg(username,baseimg): db = pymysql.connect(host="服务器地址",port=端口号,user = "数据库用户名", passwd =

2021-01-09 22:47:10 2458 1

原创 pymysql+flask进行展示接口开发

pymysql进行业务处理要点：1）只查需要的字段；2）总的用户列表应该放在外层；3）对获取到的数据进行处理；4）返还前端一个友好的数据格式；import pymysqlfrom hashlibstr import md5_stringdef user_list_show(): #连接数据库并创建游标 db = pymysql.connect(host="49.234.29.239",port=3306,user = "keqixing", passwd = "gaokao

2021-01-09 15:54:26 330

原创 pymysql+flask进行修改密码接口的处理

pymysql的处理核心点为对数据库中对应用户的密码进行更新操作此处用到了md5加密，详情请参考作者的其他文章：https://blog.youkuaiyun.com/weixin_45648000/article/details/112390891import pymysqlfrom hashlibstr import md5_stringdef user_checkpassword(username, password): #连接数据库并创建游标 db = pymysql.connect

2021-01-09 15:24:43 414

原创 flask进行用户注册接口处理

登录接口使用pymysql的业务准备链接: 对于用户注册的业务处理.接口逻辑分析1）获取到用户写入的username和password参数；2）将参数传给业务函数；3）获取到业务函数的return注册结果；4）返还给用户；代码from flask import Flask#引入获取调用接口传递的参数from flask import request#后台处理浏览器跨域的包from flask_cors import *#引入pymysql中对接口的业务处理from apicode

2021-01-09 14:56:13 433 1

原创 pymysql在企业级用户登录中的处理

准备md5加密的操作链接: md5的操作.用户登录的处理的逻辑1）判断用户输入的用户名和密码是否存在；2）密码在判断时要转化为md5加密后的；3）若有则需要返回状态码以及用户token；代码展示def user_login(username, password): #连接数据库并创建游标 db = pymysql.connect(host="49.234.29.239",port=3306,user = "keqixing", passwd = "gaokaowansui12

2021-01-09 14:41:29 143

原创 pymysql用户注册处理

安装hasnlib需要用到的非pymsql的包hashlib对密码进行加密传输pip3 install hashlib -i http://mirrors.aliyun.com/pypi/simple --trusted-host mirrors.aliyun.com对用户注册的逻辑进行分析1）需要提交用户名和密码；2）需要判断用户是否存在；3）写入密码时要进行md5加密防止密码泄露；md5加密的预备处理此工具包用作把字符串转化为md5后内容hashlibstr.pyimport h

2021-01-09 14:00:43 497

原创 pymysql创建数据库表

引入pymysql包支持使用淘宝镜像安装// 终端安装pymysqlpip3 install pymysql -i http://mirrors.aliyun.com/pypi/simple --trusted-host mirrors.aliyun.com创建数据库表import pymysql#创建数据库表def create_table(): #连接数据库并创建游标 db = pymysql.connect(host="服务器地址",port=端口号,user =

2021-01-09 13:24:09 2205

原创 uniapp中子组件向父组件传值

整体流程子组件事件去触发全局自定义事件，父组件在全局自定义事件中去获取到值，并将值保存下来进行使用；子组件绑定事件1）各子组件绑定一个事件sendnum，让这个事件去触发一个全局自定义事件lxEvenson.vue<template> <button @onclick = "sendnum"></button></template><script> export default { data(){ return:{

2021-01-05 11:25:52 2094

原创 uniapp中父组件向子组件传数据

使用组件时写入数据parent.vue//其中msg="123"就是需要传的数据<template> <div> 我是父组件 <son msg="123"></son> </div></template>子组件接收数据son.vue<script> export default{ props:['msg'] }</script>子组件使用数据//其中msg会被替换成

2021-01-04 23:03:24 872 1

原创 uniapp中组件的创建及引用

按标准创建文件夹及组件1）pages文件夹下创建components2）components下创建组件son.vue（名字可以自取）父组件引入子组件parent.vue<script> import son from '../components/son.vue' export default { components:{ son } }</script>父组件使用自组件parent.vue<template> <di

2021-01-04 22:55:40 5878 1

原创部署Vue项目

打包Vue文件1）终端打开vue ui（要求vue版本为3.0以上）终端vue ui1）找到要打包的项目进行打包在愿项目下会生成一个dist文件夹代表成功配置生产环境1）新建一个文件夹2）生产初始化配置文件cd到当前文件夹下文件夹npm init -y3）安装express管理工具文件夹npm install express --save4）将第一段中打包好的dist文件复制到当前文件夹下5）新建app.js文件写入以下内容：81为作者定义的打开端口号ap

2021-01-04 22:14:02 183 1

原创 uni-image踩坑：默认下边距的处理

问题情况在uniapp中使用image组件遍历出的结果如下，查证问题，都不是内外边距造成的；直接上处理结果在html的image标签中增加display:block；注意：在css文件中加是无效的；<image mode="widthFix" :src="item.thumb" style="display: block;"></image>...

2021-01-02 19:47:20 1733 1

全国省/市/县三级json结构

空空如也