前端
文章平均质量分 53
SeanQikYibo
这个作者很懒,什么都没留下…
展开
-
Django后端执行成功或失败状态码
后端执行成功或失败以状态码的形式告诉前端,处理成功返回200系列状态码,执行前端then里面的代码;处理失败返回400/500系列状态码,执行catch里面的代码。原创 2023-08-01 09:08:13 · 1003 阅读 · 0 评论 -
vue-cli 3 中添加Ant Design组件
1、npm安装vue-cli3:npm install -g @vue/cli(如果原先安装了vue-cli2需要先卸载:npm uninstall -g vue-cli) 新建项目:vue create ocr-frontend 启动项目:cd ocr-frontend npm run serve 此时访问浏览器访问:http://localhost:8080/会看到Welcome to Your Vu...原创 2020-08-24 11:03:32 · 1937 阅读 · 0 评论 -
Django+Vue.js创建前后端分离项目
1、使用django创建项目:django-admin startproject ocr_manager2、进入项目根目录,创建django的App:python manage.py startapp backend3、在项目根目录创建Vue项目:vue-init webpack frontend项目目录如下所示:├── backend│ ├── __init__.py│ ├── admin.py│ ├── migrations│ │ └──原创 2020-08-18 15:39:57 · 202 阅读 · 0 评论 -
VUE新建一个项目
创建第一个vue项目原创 2020-08-15 14:54:20 · 143 阅读 · 0 评论 -
vue.js下载教程
1、官网下载:https://vuejs.org/v2/guide/installation.html。 2、使用npm下载: npm install vue Node.js是一个基于Chrome引擎的JavaScript运行环境,使用了事件驱动非阻塞式I/O模型。nmp(Node Package Manager)是一个包管理和分发工具,运行在node环境下。npm已经内置在Node.js中,所以直接安装Node.js就可以了。 以下就是安装Node.js和npm:...原创 2020-08-15 12:06:59 · 3951 阅读 · 0 评论 -
百度Echarts绘制动态折线图
开始使用HTML Canvas 绘制实时动态折线图嗯.......但是觉得不太完美。 然后我们老师说前端绘图为什么不用开源的百度Echart呢,哈哈后来用着发现真香????(老师厉害带下哦????) 其官网为:https://echarts.apache.org/zh/index.html 然后重新写了一个实时绘制的demo,注意这里需要下载Echart,教程在这,由于要是使用js绘制动态图,所以还需要引用jquery-1.12.4.min.js 代码如下:...原创 2020-08-14 21:55:58 · 2322 阅读 · 0 评论 -
HTML之图像数据base64、object file之间的相互转换
1、base64绘制到canvas上面裁剪图片:<script> var t = this; $(function(){ $("#crop_img").click(function(){ t.getImage = document.getElementById('image'); //input进来的图片 t.editPic = document.getElementById('edit_pic');.原创 2020-08-11 18:01:21 · 808 阅读 · 0 评论 -
HTML之使用CSS旋转图片
在实际操作中拍的照片有时候不满足需求,需要进行旋转。这个操作可以将图片传到后台进行旋转之后再传至前端显示。但是这样增加了前后端的数据传输,所以想直接再web上对图片进行旋转操作。 旋转角度是以顺时针计算的。 代码如下:<!DOCTYPE html><html><head><title>CSS旋转图片</title> <style> #div2 { ...原创 2020-08-11 11:56:41 · 2117 阅读 · 1 评论 -
HTML之判断checkbox复选框是否被选中
1、html代码,注意需要引用jquery-1.12.4.min.js。<!DOCTYPE html><html lang="en"><head> <title>CheckBox</title> <script src="jquery-1.12.4.min.js"></script></head><body> <form action="">原创 2020-08-06 22:35:27 · 1943 阅读 · 0 评论 -
HTML的input[type=file]样式更改
input标签的file属性,在没有选择文件的情况下,默认显示一条文字“未选择任何文件”。 通过label标签绑定input标签,然后隐藏input,添加button和span来自定义提示语: css部分:<style> label{ position: relative; } #img{ position: absolute; left: 0; t...转载 2020-08-03 21:39:59 · 3877 阅读 · 1 评论 -
HTML通过Ajax上传图像至Django后端并转换为Mat图像
1、index.html<script src="js/jquery-1.12.4.min.js"></script> <script> function fucTest() { let form_data = new FormData(); let file_info = $("#img")[0].files[0]; form_data.append('img', fi原创 2020-08-02 19:39:01 · 198 阅读 · 0 评论 -
HTML使用input file上传图片并显示
HTML使用imput标签,file类型上传一张图片然后预览。<script> var getUserPhoto = document.getElementById("user-photo"); getUserPhoto.onchange = function () { var file = this.files; console.log(file); var reader = new FileReader();原创 2020-07-27 20:18:35 · 6286 阅读 · 0 评论 -
HTML使用要点
1、按钮事件<script> $(function(){ $("#template_OCR").click(function(){ $.get("/template/", function(ret){ }); }); });</script>......<button id="button1">button1</button><br/>原创 2020-07-25 15:51:20 · 105 阅读 · 0 评论 -
百度Echarts的echarts.min.js下载
1、首先进入该网址https://echarts.baidu.com/download.html,滑动到在线定制2、进入在线定制,然后选怎要打包的图表(可不选默认)3、重要 !!!!点击页面末的下载(注意若勾选了“代码压缩”,下载下来的为echarts.min.js;如果没有选中“代码压缩”,下载下来的是echarts.js)4、此时若显示Building.....则表示正在下载中。网不好可能需要点时间,要有耐心哈。OK则下载成功。希望能帮助到大家???? ~...原创 2020-07-21 17:37:50 · 4247 阅读 · 0 评论 -
HTML Canvas 绘制实时动态折线图
本文使用HTML的Canvas元素绘制实时动态折线图。 参考于这篇博客HTML5 Canvas动画折线图 可动态添加节点自定义Start、Stop按钮和画板canvas <button id="start" style="text-align:center;">Start</button><button id="stop" style="text-align:center;">Stop</button><canvas id=...原创 2020-07-20 00:03:28 · 5444 阅读 · 4 评论