RunningOnMyWay-CSDN博客

原创 PythonWeb Django PostgreSQL创建Web项目(三)

使用Django创建web项目，首先需要了解生成的项目文件结构，以及对应文件功能用途方可开始web项目页面创建，下方先介绍文件功能，之后再配置数据库连接以及管理创建模型与应用，最后创建超级管理员启动django自带的管理站点界面。

2023-03-02 19:03:38 681

原创 PythonWeb Django PostgreSQL创建Web项目(二)

此次介绍PostgreSQL在windows中的安装以及数据库创建表创建与删除枚举类型创建与删除

2023-02-16 16:29:43 439

原创 PythonWeb Django PostgreSQL创建Web项目(一)

python3.11.2 + django 创建web项目第一步环境搭建与项目初始化

2023-02-15 17:49:45 431

原创 vuecli4 多页面时router-view只渲染主页问题

在需要渲染的其他页面的vue加入如下代码可以使用 this.$router.push(location) 来修改 url，完成对其他页面的渲染export default {created(){ console.log('-----'); this.$router.push({path:"/m"}) //对应需要渲染的页面第一个path 其他页面正常使用router-link的方式 } }对应的router.jsconst routes = [ { path:

2021-06-27 00:30:04 340

原创 win10系统nodejs安装

1.访问nodejs官网，下载安装包，地址如下Lhttps://nodejs.org/en/建议选择推荐的稳定版本2.双击安装3. 选择安装位置安装到后面有一个选择安装 Chocolatey的软件包管理工具，可以根据自身需要来安装4. 一直next等待安装完成目前win10中可以使用powershell来执行命令，界面相对原有的要好太多了查看是否安装你已经成功引起了我的注意node -v// v14.17.0npm -v6.14.13这样nodejs就在win10系统中安装

2021-05-31 14:48:02 305

原创 flex布局二更简单实现移动端topbar

左边返回按钮、中部标题、最右侧搜索示例：

2021-04-29 15:30:59 109

原创 flex布局一使实现grid网格布局更简单

效果如下：容器div的css样式.grid-box{ display:flex; flex-flow: row wrap; width:100%;}容器内item的css样式.grid-box-item{ width:calc(calc(100% / 3) - 10px); //使用calc实时计算width height: 60px; margin: 5px; box-sizing: border-box; border-radius:15px;}为了使

2021-04-12 17:34:24 723 1

原创 Vuecli4.5.9 本地服务器访问跨域问题

修改项目目录下的config/index.js中的proxyTable，修改内容如下:proxyTable: { "/blogs":{ target: 'https://www.llxrandom.com', changeOrigin: true, } }这是用于本地的生产环境中使用

2021-03-29 17:31:00 300

原创 JavaScript的Array对象方法的高级用法

目录1.concat() 数组拼接2.every() 检测元素3.filter() 过滤4.forEach() 遍历回调5.join() 数组转换字符串6.map() 处理数组数据并返回7.sort() 排序1.concat() 数组拼接连接两个或更多的数组，并返回结果,使用简单示例如下：var arr1 = [1,2,100,1000];var arr2 = [11,3,2];var arr3 = [1,2,3];var newArr = arr1.concat(arr2,arr3);con

2021-03-23 16:27:23 186

原创 nodejs+Vuecli+webpack 创建项目一

目录1. 安装nodejs环境2.安装vuecli3. 创建初始化项目4.启动项目5.使用浏览器访问1. 安装nodejs环境使用npm -v 查看安装>npm -v6.14.82.安装vuecli@next 安装最新的稳定版本npm install -g @vue/cli使用下方命令检查是否安装成功，以及安装的版本vue -V3. 创建初始化项目vue init webpack vuedemo ? Project name (vuedemo) //项目名称，可

2021-03-15 22:37:03 150

原创 python3 爬取豆瓣电影数据

步骤目录安装相关模块分析网页结构与地址拼接网页地址数组处理请求头以及发起请求解析html将得到的数组合并写入一个txt文件批量下载图片对比普通下载和使用线程下载这里是根据requests以及beautifulsoup4来完成对豆瓣电影top250数据的爬取安装相关模块requests处理请求、beautifulsoup4解析html、lxml beautifulsoup4的依赖库、fake-useragent模拟请求pip install requestspip install beautiful

2021-01-03 20:36:01 971 3

原创 python3根据excel表数据自动生成word格式数据报告

目录1. 完成xlsx数据读取2.对数据做一些处理3.生成图表4.创建word文件5.将分析结果保存入word文件中本文主要是讲如何根据简单的xlsx数据，生成word数据报告，首先需要先读取与分析xlsx中的数据，通过排序等等方式固定好分析哪些方面，然后来编写对应的代码,对应的示例xlsx文件如下:1. 完成xlsx数据读取我们在读取xlsx文件时使用pandas读取与操作，代码如下：import pandas as pd# 读取excel文件df = pd.read_excel("data

2020-12-29 21:06:22 4382

原创 pandas无法创建excel文件或者无法读取excel文件

使用pandas，创建excel文件刚开始报错如下：Traceback (most recent call last): File "d:/sources/pythons/pandas/test.py", line 18, in <module> df.to_excel("people.xlsx") File "C:\Program Files\Python38\lib\site-packages\pandas\core\generic.py", line 2026, in t

2020-12-23 19:33:47 6023 2

原创 Python3基础学习----定制类

>>> a = 3.3>>> type(a)<class 'float'>float类型其实也是一种类，因此可以通过class定义去定制一个类。如何创建定制类，关键用到两个特殊方法__repr__ 与__str__示例代码如下:>>> class Person: def __init__(self,name,word): self.name = name self.word = word def __str__(se

2020-12-16 21:23:37 93

原创 Python3基础学习----类

文章目录简单介绍与创建特性使用案例简单介绍与创建特性使用案例

2020-12-16 16:32:29 135

原创 iscroll4 滚动内容溢出屏幕问题

使用iscroll4 解决了可编辑元素的focus问题，也解决了滚动条刷新需要加一定的延时等待html数据加载完成问题，但是遇到了一个由于移动端的软件盘弹出后影响了页面布局，导致滚动内容溢出到可见窗体之外，尤其是在聚焦状态下滚动时极易发生该种情况目前遇到问题的wrapper使用的绝对定位加入一个监控窗口大小变化时的监听，参考自针对移动端键盘弹起页面布局样式改变问题var winHeight = $(window).height(); //获取当前页面高度 $(window).resize(fun

2020-12-08 16:15:19 224

原创 Python3基础学习----函数

目录函数基础函数设定默认值函数参数不确定函数基础函数定义使用def functionname(variable…): 根据同一代码块的规则，所属该函数的代码需要每行前面空出几个空格，下放一个简单的函数def add(a,b): return a+bresult = add(1,2)print(result)简单定义了一个add函数，a,b为函数参数，return 将函数执行结果返回；可以使用一个变量接受函数返回的参数；没有return语句的，则默认函数返回nullpython3中也提供了

2020-12-02 11:38:59 248

原创 Python3基础学习----简易猜数字游戏

一个简易的猜数字游戏，使用while循环的方式实现，以及执行过程>>> def monkeyguess(): numberone = random.randint(0,100) guessed = int(input("输入您猜测的整数数字:")) while numberone!=guessed: if guessed<numberone: print("你猜的数字小了") pass else: print("你猜的数字大了") pass

2020-12-02 10:28:35 126

原创 Python3基础学习----布尔和简单语句

目录布尔类型boolbool函数比较运算布尔运算(逻辑运算)语句布尔类型bool布尔类型只有两个值，Ture和False，二者之间可以进行四则运算，Ture：1，False：0；python中区分大小写，首字母为大写；>>> type(True) <class 'bool'>>>> type(False) <class 'bool'>>>> trueTraceback (most recent call last)

2020-11-30 21:33:39 229

原创 Python3基础学习----简易凯撒密码

介绍凯撒密码，或称恺撒加密、恺撒变换、变换加密。它是一种替换加密的技术，明文中的所有字母都在字母表上向后（或向前）按照一个固定数目进行偏移后被替换成密文。例如，当偏移量是3的时候，所有的字母A将被替换成D，B变成E，以此类推。python方法当前使用python3实现简单的将字母进行替换，并传入偏移量，此时我们需要用到python3的内置函数ord()函数，而其配对的函数为chr() 函数【对于8位的ASCII字符串】或unichr() 函数【对于Unicode对象】；ord函数：它以一个字符（长度

2020-11-29 22:04:39 1724

原创 Python3基础学习----集合

目录1. 定义2.集合中包含的方法3.集合中的元素添加与删除4.创建不可变集合5.浅copy方法6.深度copy1. 定义集合set使用{}来定义，且元素不可重复以下创建的为可变集合>>> s = set([1,2,3,4])>>> s{1, 2, 3, 4}>>> s2 = {1,2,3,4,5}>>> s2{1, 2, 3, 4, 5}2.集合中包含的方法使用dir来获取集合set中包含的内置函数>&

2020-11-25 11:31:17 94

原创 H5 contentEditable 创建可编辑区域

本文实现的是点击时div变为可编辑，在移除焦点后恢复不可编辑状态，以及在编辑过程中显示编辑内容的实时变化1. HTML部分-webkit-user-select: text;在有些移动端开发时经常会加入禁止选中样式，会导致可编辑区域无法编辑<div onclick="focustest();" onblur="blurtest();" onkeyup="keyuptest();" style="width: 100%;min-height: 30px;-webkit-user-select: t

2020-11-24 13:41:01 353 2

原创 Python3基础学习----字典

目录字典定义创建取值、修改与长度检查key是否存在使用get set 取值与设置默认值字典拼接或者增加键值对--update字典删除键值对字典定义创建key:value 键值对的方式，使用大括号“{}”，而key不可重复；key必须是不可变对象>>> a = {"a":1,"b":2}>>> type(a)<class 'dict'>>>> a = dict(a=1,b=2,b=3)SyntaxError: keyword ar

2020-11-18 21:08:10 94

原创 Python3基础学习----字符与字符串

目录字符、字符编码(ASCII码)Unicode 万国码定义字符串转义符字符串拼接字符串长度与是否包含某字符判断字符串的索引与截取字符、字符编码(ASCII码)字母a对应的ASCII码十进制数字，以及对应的转为二进制显示>>> ord("a")97>>> bin(97)'0b1100001'>>> Unicode 万国码使用最广泛的是utf8的格式，查看当前机器的编码格式>>> import sys>&gt

2020-11-18 20:21:05 87

原创 Python3基础学习----元组

1.元组创建创建只有一个元素的元组时一定要在后面加上“,”;>>> t = (1,2,3,"python")>>> t(1, 2, 3, 'python')>>> tuple(1,2,3)Traceback (most recent call last): File "<pyshell#3>", line 1, in <module> tuple(1,2,3)TypeError: tuple expect

2020-11-16 19:31:03 218

原创 Python3基础学习----数组列表list

1.列表创建>>> lis = [1,2,3]2.列表尾部添加元素>>> lis.append(4)>>> lis[1, 2, 3, 4]3.列表插入元素insert(0,4) 第一个参数为数组索引位置，即在该位置插入元素>>> lis.insert(0,4)>>> lis[4, 1, 2, 3]4.扩展列表，可用于合并列表新定义lis2，执行extend之后，lis2没有改变，而lis中

2020-11-13 17:21:18 315

原创 nodejs实现支付宝app支付-异步通知结果验签

直接上代码 var crypto = require("crypto");//1. 提前获取参数中的sign与sign_type，然后删除原来json中的这两个参数 let sign = response.sign; let sign_type = response.sign_type;//RSA2 delete response.sign; delete response.sign_type; //2. 字典排序，并对一级value可进行url_encoding

2020-11-10 14:57:30 871

原创 nodejs实现微信支付成功后-异步通知验签

废话不多说直接上代码: var crypto = require("crypto");//1.response为POST请求中body的获取参数，结构为{"xml":{...}} let sign = response.xml.sign;//提前单独拿出请求参数中的签名 console.log("开始微信验签"+sign); delete response.xml.sign;//删除json中的sign参数，生成签名时不用它 //2.字典排序 let keys

2020-11-10 14:52:10 925

原创 nodejs实现微信app支付-创建订单与签名部分

创建订单部分代码var requestlib = require("request"); var urllib = require("url"); var crypto = require('crypto'); var url = "https://api.mch.weixin.qq.com/pay/unifiedorder"; var urlObj = urllib.parse(url); var option = { "url": urlObj, "metho.

2020-11-05 10:41:45 947 1

原创 nodejs实现支付宝app支付-自行签名

直接上代码相关参数json数据可参考官方介绍以及相应的必传参数var crypto = require('crypto');//1. 相关参数json数据 var dataobj = { "app_id": "【支付宝分配给开发者的应用 ID】", "method": "alipay.trade.app.pay", "format": "json", "charset": "utf-8",

2020-11-02 15:20:52 903

原创利用伪类:active实现按压样式

2020-10-20 13:38:52 621

原创 H5+jq 父元素绑定事件处理子元素所有的事件(二)

如何使用元素上直接绑定ontouch onclick的方式实现相同的效果，而不需要使用jquery的监听，示例html部分代码如下：<td class="bt-1" onclick="test()" style="width:50%;padding-top:10px;padding-bottom:10px;"><span>添加患者</span></td>js test方法代码如下：function test(){ var target

2020-09-15 09:14:43 509 2

原创在linux上安装微信开发工具

以下当前使用的是deepin 15.5为例1. 下载github中的wechat_web_devtools，由于在该网站下载过慢以及使用git clone容易出现中断，目前将已下载的迁移到新的位置webchat_web_devtools,网速可能会稍慢因为个人网站2. 从其他的博客或资料得知需要提前下载好wine，否则在安装时会出错详情可见对应的github下载命令如下：sudo apt-get install winewinecfg 3. 将webchat_web_devtools下载成功之后

2020-09-05 00:01:32 788

原创 js 正则表达式的应用

js正则表达式的应用处理HTML字符串1. HTML标签查找2.HTML属性处理HTML字符串1. HTML标签查找如下方的一段html代码，我们需要从中判断查找对应的字符串<p onclick="create();" >sadasdsadsa</p><p id="a" ></p>相关查找代码如下：var str = "<p οnclick=\"create();\" >sadasdsadsa</p><p id=\"

2020-08-18 14:06:51 179

原创 jquery word export 导出html内容无样式或无图片问题

1. 首先要准备好对应的js文件jquery文件，FileSaver，以及主要的jquery.wordexport<script type="text/javascript" src="/javascripts/common/jquery.min.js"></script> <script type="text/javascript" src="/javascripts/common/FileSaver.min.js"></script> <

2020-07-21 16:44:56 6430 104

原创移动端H5 input移动端事件汇总

移动端H5 input事件汇总这里汇总了Android和IOS端的input事件汇总Android 端的H5 input事件1. focus事件2. input事件3. keydown事件4. keyup事件IOS端的H5 input事件1. focus事件2. input事件3. keydown事件4. keyup事件合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创

2020-07-06 10:14:26 3883

JavaScript数组对象方法.xmind

jquery word export 导出html内容(包括图片)

nodejs 实现websocket

空空如也