- 博客(25)
- 收藏
- 关注
RSS订阅原创 Django + React + axios 5) 实现前后端数据交互
现在我们需要用到一个javascript lib: axios. 进入到frontend这个文件夹，安装 axios。npm install [email protected]然后打开 package.json 文件，加入proxy这个属性。具体URL取决于你开的本地server端口。"proxy": "http://localhost:8080",这个属性可以省略很多重复的指定URL，现在 axios.get("http://localhost:8080/api/todos/") 可以简写成.
2021-12-17 13:33:36
1384
原创 Django + React 4) 前端显示编辑Modal
把增添改除的操作放到一个叫component的文件夹里。以下是component里面的Modal.js文件代码。这个APP主要有activeItem这个state，是在点击edit或者add a task的时候传递过来的值。另外还有handleChange函数。每个不是readONLY的input field都需要有onChange函数，onChange函数调用handleChange函数。input的name也需要写上。modal还需要接收 toggle和onsave参数。toggle决定model的显示
2021-12-15 14:45:16
1506
原创 Django + React 3) 搭建前端 001 显示静态数据
书接上一回现在需要在项目文件夹内建一个react appnpx create-react-app frontend然后cd到frontend的文件夹内，运行持续会看到react默认的初始化页面。cd frontendnpm start需要用到bootstrap和reactstrapnpm install [email protected] [email protected] --legacy-peer-deps打开 index.js 加入cssimport 'b.
2021-12-15 14:00:47
1508
原创 Django + React 2）配置API REST框架
书接上回上次已经写好了admin和model，现在开始用Django REST Framework。1）用pipenv 安装 djangorestframework 和 django-cors-headers，可以用 pip freeze先看看是否已经装过了。$ pipenv install djangorestframework django-cors-headers2）在项目settings.py 的 INSTALLED_APPS 和 MIDDLEWARE 里面加入说明。# A
2021-09-27 09:28:26
224
原创 Django + React 1) 创建项目 布置后台
需要装好 python31：新建项目文件夹： mkdir django-todo-react2: 进入项目文件夹： cd django-todo-react3: 安装 pipenv: pip install pipenv4: 激活虚拟环境: pipenv shell5: 新建项目： django-admin startproject backend6: 进入到项目： cd backend7： 新建一个应用叫 todo: python manage.py st...
2021-09-01 14:34:10
204
原创 macOS安装Python3 虚拟环境 virtualenv
$ brew install python3$ pip3 install virtualenv$ virtualenv -p python3 parcel (PS:Parcel是我期待env的名字)引用该虚拟环境：$ source parcel/bin/activate取消引用：$ deactivate
2021-04-29 07:46:30
153
原创 Json文件中报错：Octal numeric literals and escape characters not allowed in strict mode
参考链接：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Deprecated_octal八进制文字和八进制转义序列已弃用。因为我的json array里面有台湾邮编：100；我加了一个0在前面：0100. 然后报错，需要在0后面加一个字母O，变成0O100.编译就通过了。...
2021-04-02 04:01:10
702
原创 Leetcode刷题记录 Day1
花重金 斥巨资买了 leetcode premium，决定要开始刷题！第938题Range Sum of BST 思路是遍历树，找到规定范围的所有节点的值总和。1）这是我自己的写法：1ms 46.7MB 比官方非回归的快/** * Definition for a binary tree node. * public class TreeNode { * int val; * TreeNode left; * TreeNode right; * T.
2021-03-23 14:54:45
94
原创 React & GitHub Pages & 自定义域名 Custom Domain
GitHub pages好处不多说，方便省事省钱。GitHub给每个用户配了一个GitHub pages。用户配置与操作方法可以参考官网文档：https://docs.github.com/en/free-pro-team@latest/github/working-with-github-pages大概总结起来就是以下几步：1:本地安装gh-pages: npminstallgh-pages--save-dev2:本地建一个库，并放到GitHub上，然后这个库的package.json...
2020-12-10 13:33:12
2440
原创 简单的动画加载图标
CSS：@keyframes spinner {to {transform: rotate(360deg);}}.spinner:before {content: '';box-sizing: border-box;position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;margin-top: -10px;margin-left: -10px;border-radius: 50%..
2020-12-04 08:06:30
123
原创 React font awesome icons图标
菜鸟笔记。其实官网教程都有：https://fontawesome.com/how-to-use/on-the-web/using-with/react首先是本地安装：font awesome根据style和证书把icon分到了几个不同的package，所以需要根据style选择package安装。详情看这里：https://fontawesome.com/how-to-use/javascript-api/setup/importing-icons#icon-namesnpm i --sa
2020-11-21 15:18:47
326
3
原创 MscOS Git Repositories .DS_Store
I found that everytime I push local repo to remote, there are always some blank files as .DS_Store. Wanna remove those files. And here is how I made it.Reference:https://stackoverflow.com/questions/107701/how-can-i-remove-ds-store-files-from-a-git-repo
2020-11-20 05:37:16
105
原创 React Bootstrap
Reference:https://react-bootstrap.github.io/getting-started/introduction1: 安装bootstrap:npm install react-bootstrap bootstrap成功后会安装这两个东西，版本也许会不一样。+ [email protected]+ [email protected]也可以只安装bootstrap:npm install bootstrap2：import components...
2020-09-04 15:08:08
212
原创 React入门笔记002-表格事件
Reference:https://reactjs.org/docs/forms.htmlReact就是把数据处理的事件(JS的function)和HTML的元素写在了一起。类里面直接render返回HTML元素，类的构造器constructor里面设置类变量(在state里面设置)，然后自由发挥写各种function，在构造器里bind这些函数，但是我不懂为啥一定要写bind这句话，有高手知道请不吝赐教！input，textarea，select等元素的值可以直接在state里面预设，然后给元素o
2020-08-29 13:16:54
132
原创 React入门笔记001
参考文件：react tutorial：https://reactjs.org/1: 安装Node.js 第一次在Linux上安装，但是版本不够新用不了npx 后来update了很久才成功。macOS安装很简单。Node >= 8.10 and npm >= 5.6才能用npx指令。2: npx create-react-app appname cd appname npm start三条指令开启react项目，成功后会看到react标志的页面。3:...
2020-08-20 14:05:50
131
原创 谷歌验证 recaptcha version3
Secret key可以通过注册网站获得引用script<script src="https://www.google.com/recaptcha/api.js?render=你的recaptcha_site_key"></script>提交的表格里要加入隐藏的input<input type="hidden" id="recaptcha" name="g-recaptcha-response" value=" "><input type="hi
2020-06-14 05:23:10
547
原创 Bootstrap popup login 弹窗登录
实现点击 登录后 弹窗登录 （弹窗样式可以自己定义，这里不提供css代码，modal加了swing的动画效果）css和js引用包括：<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"><link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstra
2020-05-13 02:46:29
738
原创 jquery window redirect
Redirect to specific page:1: window.location.assign(URL); // Allow users to go back to previous page.2: window.location.replace(URL); // Users wouldgo back to previous and previous page since the...
2020-05-08 03:05:48
306
原创 Push Key Value in Array Jquery
Tried to do this: (No Chinese input editor in office computer. Bear with my poor English!)Ideal output should be {3:5, 5:4, 8:3}. When quantity is 3, individual price will be 5. and so on.var leve...
2020-04-28 03:27:02
205
1
原创 HTML实现超长内容用省略号显示
纯CSS实现 单行/规定行数内 超出字数用省略号显示。类的样式： vertical-align:middle; text-align:center; word-break: break-all;/*分行*/ /*white-space: nowrap;不换行用这个*/ overflow:hidden; /*超出部分省略号显示*/ text-o...
2020-02-19 09:20:40
1061
原创 Eclipse导入文件后运行不了
1. Eclipse导入文件后，头部 Import里面的文件下出现红色下划线。解决方法：项目名称右键，build path-configure buildpath-library.把出现红色叉叉的jar包Remove掉，重新下载一样的jar包Add进来。问题解决。2. A fatal error hasbeen detected by the Java Runtime Enviro...
2018-03-03 15:48:15
6713
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人