day 1 前端开发
目的:开发一个平台(网站)
前端开发:HTML、CSS、JavaScript
Web框架:接收请求并处理
- Flask、Djiango
MySQL数据库:存储数据的地方
快速上手:
基于Flask Web框架快速搭建一个网站
深入学习:
基于Djiango框架(主要)
1.快速开发网站
安装Flask框架包:
pip install flask
快速上手案例:
from flask import Flask
app = Flask( __name__)
@app. route ( "/show/info" )
def index ( ) :
return "中国联通"
if __name__ == '__main__' :
app. run( )
网站如何变好看加上修饰?
浏览器可以识别很多标签+数据,例如:
中国 浏览器识别加大加粗
联通 浏览器识别字体变红色
如果我们能把浏览器识别的所有的标签学会,我们在网站就可以控制页面到底张什么样子。
from flask import Flask
app = Flask( __name__)
@app. route ( "/show/info" )
def index ( ) :
return "中国 联通 "
if __name__ == '__main__' :
app. run( )
Flask框架为了让我们写便签方便,支持讲字符串写入文件里。
导入render_template,在函数中返回HTML文件:
from flask import Flask, render_template
app = Flask( __name__)
@app. route ( "/show/info" )
def index ( ) :
return render_template( "index.html" )
if __name__ == '__main__' :
app. run( )
index文件:
DOCTYPE html >
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title title>
head>
< body>
< h1> 中国联通 h1>
< h3> 广西联通 h3>
body>
html>
2.浏览器能识别的标签
2.1 编码(head)
< meta charset = " UTF-8" >
2.2 title(head)
< title> Title title>
2.3 标题
< body>
< h1> 1级标题 h1>
< h2> 2级标题 h2>
< h3> 3级标题 h3>
< h4> 4级标题 h4>
< h5> 5级标题 h5>
< h6> 6级标题 h6>
body>
2.4 div和span
< div> 内容 div>
< span> xxx span>
div,用此标签的内容占一整行。称为:【块级标签】
DOCTYPE html >
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title title>
head>
< body>
< div> 上海 div>
< div> 北京 div>
body>
html>
span,自己多大占多少。称为:【行内标签、内联标签】
DOCTYPE html >
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title title>
head>
< body>
< span> 上海 span>
< span> 北京 span>
body>
html>
2.5 超链接
跳转到其他网站
< a href = " https://www.baidu.com" > a>
跳转到自己网站其他的地址
< a href = " http://127.0.0.1/5000/get/news" > 点击跳转 a>
< a href = " /get/news" > 点击跳转 a>
在新的页面打开
< a href = " /get/news target=" _blank" " > 点击跳转 a>
2.6 图片
< img src = " 图片地址" />
直接显示别人的图片地址:
< img src = " https://pic1.zhimg.com/v2-72ecb4f1094b19ad162950193e0ba9b4_200x0.jpg?source=7e7ef6e2" />
显示自己的图片:
- 自己项目中创建:static目录,图片要放在static
< img src = " 自己图片地址" />
< img src = " /static/1.png" />
- 给图片设置高度和宽度
如果单独定义高度或宽度,将按比例显示。高度和宽度都自定义则按照设置数强制放大或缩小(图片可能失真)
< img style = " height : 100px; width : 150px; " src = " /static/pc.png" >
- 通过百分率设置高度和宽度
< img style = " height : 10%; width : 20%; " src = " /static/pc.png" >
小结
学习的标签:
< h1> h1>
< div> div>
< span> span>
< a> a>
< img />
分类:
- 块级标签
< h1> h1>
< div> div>
- 行内标签
< span> span>
< a> a>
< img />
嵌套:
< div>
< span> xxx span>
< img />
< a> a>
div>
a标签和img标签嵌套案例:
DOCTYPE html >
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title title>
head>
< h1> 商品 h1>
< body>
< a href = " https://www.mi.com/shop" target = " _blank" >
< img src = " /static/a1.png" >
a>
< a href = " https://www.mi.com/shop" target = " _blank" >
< img src = " /static/a2.png" >
a>
< a href = " https://www.mi.com/shop" target = " _blank" >
< img src = " /static/a3.png" >
a>
body>
html>
2.7 列表
无序列表:
< h1> 运营商列表 h1>
< ul>
< li> 中国移动 li>
< li> 中国联通 li>
< li> 中国电信 li>
ul>
有序列表:
< h1> 运营商列表 h1>
< ol>
< li> 中国移动 li>
< li> 中国联通 li>
< li> 中国电信 li>
ol>
2.8 表格标签
:表格标签
:表头标签
:表内容标签
:行
:表头内容
:表内内容
border:边框
< h1> 数据表格 h1>
< table>
< thead border = " 1" >
< tr> < th> ID th> < th> 姓名 th> < th> 年龄 th> tr>
thead>
< tbody>
< tr> < td> 1 td> < td> 刘备 th> < td> 50 td> tr>
< tr> < td> 2 td> < td> 关羽 th> < td> 49 td> tr>
< tr> < td> 3 td> < td> 张飞 th> < td> 48 td> tr>
tbody>
table>
案例:表格嵌套
表格嵌套案例:
< h1> 用户列表 h1>
< table border = " 1" >
< thead>
< tr>
< th> ID th>
< th> 头像 th>
< th> 姓名 th>
< th> 更多信息 th>
< th> 操作 th>
tr>
thead>
< tbody>
< tr>
< td> 1 td>
< td>
< img style = " width : 150px; " src = " /static/liubei.png" >
td>
< td> 刘备 td>
< td>
< a href = " https://www.baidu.com" > 点击查看详细 a>
td>
< td>
编辑
删除
td>
tr>
< tr>
< td> 2 td>
< td>
< img style = " height : 100px; " src = " /static/guanyv.png" >
td>
< td> 关羽 td>
< td>
< a href = " https://www.baidu.com" > 点击查看详细 a>
td>
< td>
编辑
删除
td>
tr>
< tr>
< td> 3 td>
< td>
< img style = " height : 100px; " src = " /static/zhangfei.png" >
td>
< td> 张飞 td>
< td>
< a href = " https://www.baidu.com" > 点击查看详细 a>
td>
< td>
编辑
删除
td>
tr>
tbody>
table>
2.9 input系列
- 明文输入框:
< input type = " text" >
- 密文输入框:
< input type = " password" >
- 文件上传:
< input type = " file" >
- 单选框:
< input type = " radio" name = " n1" > 男
< input type = " radio" name = " n1" > 女
- 复选框:
< input type = " checkbox" > 篮球
< input type = " checkbox" > 足球
< input type = " checkbox" > 乒乓球
- 普通按钮:
< input type = " button" value = " 提交" >
- 提交表单:
< input type = " submit" value = " 提交" >
2.10 下拉框
- 单选下拉框
< select>
< option> 北京 option>
< option> 上海 option>
< option> 深圳 option>
select>
- 多选下拉框(按住shift可多选)
multiple:多选
< select multiple >
< option> 北京 option>
< option> 上海 option>
< option> 深圳 option>
select>
2.11 多行文本
rows:默认行数
< textarea rows = " 5" > textarea>
案例:用户注册
< h1> 用户注册 h1>
< div>
用户名:< input type = " text" >
div>
< div>
密码:< input type = " password" >
div>
< div>
性别:< input type = " radio" > 男 < input type = " radio" > 女
div>
< div>
爱好:
< input type = " checkbox" > 篮球
< input type = " checkbox" > 足球
< input type = " checkbox" > 乒乓球
div>
< div>
擅长的领域:
< select multiple >
< option> Python option>
< option> C++ option>
< option> Java option>
select>
div>
< div>
备注:< textarea> textarea>
div>
< div>
< input type = " button" value = " button按钮" >
< input type = " submit" value = " button按钮" >
div>
网络请求
GET请求:【URL方法 / 表单提交】
POST请求:【表单提交】
案例:用户注册(传输数据)
页面数据如何提交到后台:
form标签包裹要提交的数据标签
提交方式:method=“get”
提交地址:action=“/xxx/xxx/xx”
form标签中必须有一个submit标签
HTML:
DOCTYPE html >
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> 用户注册 title>
head>
< body>
< form method = " post" action = " /post/reg" >
用户名:< input type = " text" name = " user" />
密码:< input type = " password" name = " pwd" />
< input type = " submit" value = " submit按钮" />
form>
body>
html>
Python:
from flask import Flask, render_template, request
app = Flask( __name__)
@app. route ( "/add" , methods= [ 'POST' ] )
def add ( ) :
return render_template( "add.html" )
@app. route ( "/post/reg" , methods= [ "POST" ] )
def post_register ( ) :
print ( request. form)
return "注册成功!"
if __name__ == '__main__' :
app. run( )
整合GET、POST请求为一个函数:
HTML(完整代码):
DOCTYPE html >
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> 用户注册 title>
head>
< body>
< form method = " post" action = " /add" >
< div>
用户名:< input type = " text" name = " user" />
div>
< div>
密码:< input type = " password" name = " pwd" />
div>
< div>
性别:
< input type = " radio" name = " gender" value = " 1" > 男
< input type = " radio" name = " gender" value = " 2" > 女
div>
< div>
爱好:
< input type = " checkbox" name = " hobby" value = " 10" > 篮球
< input type = " checkbox" name = " hobby" value = " 20" > 足球
< input type = " checkbox" name = " hobby" value = " 30" > 乒乓球
div>
< div>
城市:
< select name = " city" >
< option value = " bj" > 北京 option>
< option value = " sh" > 上海 option>
< option value = " sz" > 深圳 option>
select>
div>
< div>
擅长领域:
< select name = " skill" >
< option value = " 100" > Python option>
< option value = " 101" > C++ option>
< option value = " 102" > Java option>
select>
div>
< div>
备注:< textarea name = " more" > textarea>
div>
< input type = " submit" value = " submit按钮" />
form>
body>
html>
Python(完整代码):
from flask import Flask, render_template, request
app = Flask( __name__)
@app. route ( "/add" , methods= [ 'GET' , "POST" ] )
def register ( ) :
if request. method == "GET" :
return render_template( "add.html" )
else :
user = request. form. get( "user" )
pwd = request. form. get( "pwd" )
gender = request. form. get( "gender" )
hobby_list = request. form. get( "hobby" )
city = request. form. get( "city" )
skill_list = request. form. get( "skill" )
more = request. form. get( "more" )
print ( user, pwd, gender, hobby_list, city, skill_list, more)
return "注册成功!"
if __name__ == '__main__' :
app. run( )
案例:登录
HTML(完整代码):
DOCTYPE html >
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> 用户登录 title>
head>
< body>
< h1> 用户登录 h1>
< form method = " post" action = " /login" >
< div>
用户名:< input type = " text" name = " username" >
div>
< div>
密码:< input type = " password" name = " password" >
div>
< input type = " submit" >
form>
body>
html>
Python(完整代码):
from flask import Flask, render_template, request
app = Flask( __name__)
@app. route ( "/login" , methods= [ 'GET' , 'POST' ] )
def login ( ) :
if request. method == "GET" :
return render_template( 'login.html' )
else :
user = request. form. get( "username" )
pwd = request. form. get( "password" )
print ( user, pwd)
return "登录成功"
if __name__ == '__main__' :
app. run( )
总结
1.称呼
什么是HTML?
超文本标记传输语言(与浏览器搭配)
2.HTML标签(默认格式样式、以后可以通过CSS修改)
3.HTML标签与编程语言无关
java + HTML
c# + HTML
php + HTML
python + HTML
4.以上HTML标签是常用标签可完成90%开发,标签还有很多,不必逐一学会,网络上有成熟的HTML模板框架。
你可能感兴趣的:(前端,前端,flask,python)
anaconda中的python在pycharm中用不了_Pycharm中使用Anaconda
白白前
Pycharm中使用Anaconda问题:安装完Pycharm和Anaconda后,想让Pycharm能调用Anaconda中包含的各种包。这样就不用重复安装各种包了。Anaconda下载安装Anaconda指的是一个开源的Python发行版本,其包含了conda、Python等180多个科学包及其依赖项。因为包含了大量的科学包,Anaconda的下载文件比较大(约515MB)。安装Anacond
python - 永久存储
susie0815
python python 服务器
打开文件使用open()函数打开文件时,openfilemode(文件打开模式)是一个决定了以何种方式打开文件以及对文件可以进行哪些操作的重要参数。基本模式只读模式(‘r’)默认的打开模式,用于读取文件。如果文件不存在,会抛出FileNotFoundError异常。try:file=open('test.txt','r')content=file.read()print(content)file.
自动化测试的学习路线
Ws_
学习
自动化测试是提高软件开发效率和质量的关键手段。学习自动化测试通常涉及多个方面的技能,从基础的编程语言知识到测试工具的使用,再到实际的测试脚本编写和执行。以下是一个学习自动化测试的路线图,帮助你有条不紊地掌握相关技能:1.基础知识在开始自动化测试之前,首先要具备一定的编程和软件测试基础:编程语言:Python、Java、JavaScript或者Ruby(根据你选择的自动化测试工具决定)软件测试基础:
Python自动化测试
Ws_
python python
Python自动化测试是软件开发中的重要组成部分,可以帮助提高测试效率和准确性。以下是学习Python自动化测试的基本路线,以及相关资料的链接:学习路线1.基础知识Python基础:掌握Python语言的基本语法、数据类型、控制流、函数、面向对象编程等。你可以先确保对Python的基本语法有清晰的理解。参考资料:Python官方文档书籍推荐:《Python编程:从入门到实践》2.了解自动化测试的基
Python实现Excel表格保存到不同文件夹
Leo_Aqu
excel python
"""点击“上传”按钮,从本地上传待处理的Excel表格点击“处理”按钮,对Excel表格进行处理点击“保存A”按钮,保存处理后的Excel表格到A文件夹下点击“保存B”按钮,保存处理后的Excel表格到B文件夹下"""#作者:Leo#时间:2024/9/2621:52importtkinterastkfromtkinterimportfiledialog,messageboximportpand
通义灵码AI程序员
天天向上杰
AI编程 AIGC 人工智能
通义灵码是阿里云与通义实验室联合打造的智能编码辅助工具,基于通义大模型技术,为开发者提供多种编程辅助功能。它支持多种编程语言,包括Java、Python、Go、TypeScript、JavaScript、C/C++、PHP、C#、Ruby等200多种编码语言。通义灵码AI程序员:今年1月,通义灵码AI程序员全面上线,同时支持VSCode、JetBrainsIDEs,是国内首个真正落地的AI程序员。
rem、em、vw区别
IT木昜
大白话前端面试题 前端 javascript css
在前端开发里,rem、em、vw都是用来设置元素大小的单位,下面就用大白话讲讲它们的区别。参考标准不一样rem:就像大家都用同一把“大尺子”来量东西,这把“大尺子”就是网页里根元素(也就是标签)的字体大小。不管元素在网页里的哪个位置,只要用rem做单位,它的大小就按照这把“大尺子”来算。比如根元素字体大小是16px,那么1rem就是16px,2rem就是32px。em:每个元素自己有一把“小尺子”
python使用技巧
超超是超超
python
1、耗时装饰器importtimedefdecorate(func):definner():begin=time.time()result=func()end=time.time()print(f'函数{func}耗时{end-begin}')returnresultreturninner2、查看代码运行耗时fromline_profilerimportLineProfilerdefoperati
Anaconda与python和pycharm的安装及其关系
Daylight..
学习笔记 pycharm python ide
Anaconda与python和pycharm的安装及其关系一、Anaconda与python和pycharm的关系:1.Anaconda包含python,并且里面含有许多常用的库。(安装了Anaconda就不需要安装python了)2.pycharm是一种IDE(集成开发环境),在其中可以编写Python程序。(工具和语言的关系)。二、如何安装?Anaconda的安装Anaconda官网下载地址
【无标题】
是懒羊羊吖~
笔记
一.WED前端应用软件:c/s架构b/s架构web前端:html5css3javascripthtml5:超文本标记语言----超链接,文字,标签标签语法规范:结束-----双标签标签体------可以嵌套inputimg---------单标签属性:定制元素的行为,属性是不通用的,每一个标签存在自身的属性,当属性名等于属性值时,只需要写属性名,不需要写属性值。二.HTML1.样式//文档声明:告
ImportError: cannot import name ‘Mapping‘ from ‘collections‘
AI算法网奇
python基础 前端 javascript 数据库
ImportError:cannotimportname'Mapping'from'collections'解决方法:fromcollections.abcimportMapping#正确导入Mappingdefprocess_mapping(data):ifisinstance(data,Mapping):#使用Mapping进行类型检查#处理映射类型的代码pass测试命令:python-c"f
python图形界面化编程GUI(二)常用的组件(Text、Radiobutton、Checkbutton、Canvas)和布局管理器(gird、pack、place)
hwwaizs
python-GUI图形化编程 python 开发语言
Text文本框Text(多行文本框)的主要用于显示多行文本,还可以显示网页链接,图片,HTML页面,甚至CSS样式表,添加组件等。主要用来显示信息,也常被当做简单的文本处理器、⽂本编辑器或者网页浏览器来使用。IDLE就是Text组件构成的。insert插入的时候可以用INSERT代表当前光标的位置,END代表在结尾的位置,也可以用插入小数的形式,2.3代表第二行第三列后插入。fromtkinter
【深度解析】最短路径算法:Dijkstra与Floyd-Warshall
吴师兄大模型
算法 数据结构 python 最短路径算法 Dijkstra算法 Floyd-Warshall 开发语言
系列文章目录01-从零开始掌握Python数据结构:提升代码效率的必备技能!02-算法复杂度全解析:时间与空间复杂度优化秘籍03-线性数据结构解密:数组的定义、操作与实际应用04-深入浅出链表:Python实现与应用全面解析05-栈数据结构详解:Python实现与经典应用场景06-深入理解队列数据结构:从定义到Python实现与应用场景07-双端队列(Deque)详解:Python实现与滑动窗口应
CSE 231 Computer Python program
后端
CSE231Spring2025ComputerProject#4LearningobjectivesThisassignmentfocusesonthedesign,implementationandtestingofaPythonprogramthatusescharacterstringsforlookingattheDNAsequencesforkeyproteinsandseeingho
全网最全!DeepSeek 新手入门教程合集
人工智能deepseek
如果你是初次接触DeepSeek的普通用户或开发者,面对海量教程却无从下手?别担心!本文为你整理全网最易懂、最实用的DeepSeek学习资源,涵盖快速上手、编程实战、系统手册等,附直达链接,收藏这一篇就够了!一、快速入门指南《DeepSeek入门教程》-博客园亮点:手把手教你注册账号、获取APIKey,并提供Python调用多轮对话的代码示例,适合初级开发者。直达链接:点击查看核心内容:API调用
【Python】Python入门——判断语句
zhoushanguhe
Python python 编程 开发语言
Python入门——判断语句。内容包括if语句、条件表达式、三元运算、match语句等。目录一、if语句1.基本if-else语句2.常用比较运算符3.if-else连写4.pass语句5.变量的作用域二、条件表达式三、三元运算四、match语句五、其他一、if语句1.基本if-else语句当条件成立时,执行某些语句;否则执行另一些语句。注意:if和else后需要加上冒号:if语句的代码块需要缩进
兄弟们,我的deepseek终于可以控制浏览器了:Part 1/n,含代码
几道之旅
Dify:智能体(Agent) 工作流 知识库 全搞定 几道之旅AI专栏VVVIP 人工智能
文章目录前言helloworld前言其实,deepseek控制浏览器咱之前就发过,只不过当时没有想到这么好的标题,哈哈。所依赖的,依然是BrowserUse这个项目BrowserUse项目官网helloworld按照官网配置好环境后,只需新建一个python文件(例如,叫main.py?)然后运行即可。fromlangchain_openaiimportChatOpenAIfrombrowser_
CSE 231 Computer Python program
后端
CSE231Spring2025ComputerProject#4LearningobjectivesThisassignmentfocusesonthedesign,implementationandtestingofaPythonprogramthatusescharacterstringsforlookingattheDNAsequencesforkeyproteinsandseeingho
【部署】Ktransformer是什么、如何利用单卡24GB显存部署Deepseek-R1 和 Deepseek-V3
仙人掌_lz
人工智能 人工智能 AI 部署 自然语言处理
简介KTransformers是一个灵活的、以Python为中心的框架,旨在通过先进的内核优化和放置/并行策略提升HuggingFaceTransformers的使用体验。它具有高度的可扩展性,用户可通过单行代码注入优化模块,获得兼容Transformers的接口、符合OpenAI和Ollama的RESTfulAPI,甚至简化的ChatGPT风格的WebUI。KTransformers的性能优化基
C语言-回调函数的应用
woainizhongguo.
C/C++ c语言
什么是回调函数回调函数就是一个被作为参数传递的函数。在C语言中,回调函数只能使用函数指针实现,在C++、Python、ECMAScript等更现代的编程语言中还可以使用仿函数或匿名函数。工作机制⑴定义一个回调函数;⑵提供函数实现的一方在初始化的时候,将回调函数的函数指针注册给调用者;⑶当特定的事件或条件发生的时候,调用者使用函数指针调用回调函数对事件进行处理。应用案例(1)应用层:通过调用hal层
前端:纯前端快速实现html导出word和pdf
m0_74823715
前端 html word
实现html导出word,需要使用两个库。html-docx-js和file-saver导出word的js方法>npminstallhtml-docx-js>npminstallfile-saverjs引入importFileSaverfrom“file-saver”;importhtmlDocxfrom“html-docx-js/dist/html-docx”;/**导出word方法*/expo
Python Union 联合类型注解详解
人才程序员
杂谈 python 服务器 java linux 后端 软件工程 开发语言
文章目录PythonUnion联合类型注解详解1.什么是Union联合类型?**语法(Python3.9及之前版本)**:**语法(Python3.10及之后版本)**:2.Union联合类型注解示例**(1)使用Union来表示多个类型的参数****(2)使用`|`来表示联合类型(Python3.10及之后版本)**3.使用Union进行复杂类型注解**(1)使用Union与列表结合****(2
释放 DeepSeek 的力量:像专家一样本地安装与探索!
guzhoumingyue
AI python
要在本地运行DeepSeek,您需要遵循以下步骤。请确保您的计算机上已安装Python和Git,并且满足DeepSeek的依赖项。步骤1:安装依赖项安装Python和pip确保您已安装Python(建议使用Python3.6及以上版本)。您可以通过在终端/命令提示符中输入以下命令来检查Python是否已安装:bash复制代码python--version或者bash复制代码python3--ver
FPGA设计怎么学?薪资前景好吗?
博览鸿蒙
FPGA fpga开发
FPGA前端设计和各岗位之间有着很多联系,是一个薪资待遇高,前景发展好的岗位。但这个岗位的门槛也比较高,很多人不知道怎么学习,下面就和宸极教育一起来了解一下吧。数字前端设计必备技能1、熟悉数字电路设计2、熟悉Verilog或VHDL3、熟悉异步电路设计4、熟悉FIFO的设计5、熟悉UNIX系统及其工具的使用6、熟悉脚本语言Perl、Shell、Tcl等7、熟悉C/C++语言、SystemVeril
ffmpeg-python安装
neverayever
计算机 ffmpeg python linux
centos-ffmpeg-python安装安装ffmpeg一:下载并解压wgethttp://www.ffmpeg.org/releases/ffmpeg-4.2.tar.gztar-zxvfffmpeg-4.2.tar.gz若linux服务器没网,可以在windows上直接访问http://www.ffmpeg.org/releases/ffmpeg-4.2.tar.gz就可下载,然后上传至服
Vue-纯前端导出word文档
2501_90252408
前端 vue.js word
varbuf=doc.getZip().generate({type:‘nodebuffer’});//bufisanodejsbuffer,youcaneitherwriteittoafileordoanythingelsewithit.fs.writeFileSync(path.resolve(__dirname,‘output.docx’),buf);####jszip-utils[jszi
Python的那些事第二十七篇:Python中的“数据魔法师”NumPy
暮雨哀尘
Python的那些事 python numpy 开发语言 数据分析 算法 数组 索引
摘要在这篇幽默风趣的论文中,我们将深入探讨NumPy——Python中最强大的数值计算库之一。它不仅提供了高性能的多维数组对象,还让复杂的数学运算变得像吃冰淇淋一样简单。本文将通过生动的代码示例和幽默的比喻,带你领略NumPy的魔法世界,让你在欢笑中掌握这个强大的工具。一、引言:为什么NumPy是程序员的“超级英雄”?1.1NumPy的起源:从“数据苦力”到“数据魔法师”想象一下,你被困在一个全是
纯前端导入导出txt文件
今天吃了嘛o
前端导入导出txt文件 javascript html html5
1.html部分导入导出{{alone}}2.js部分导出的时候我尝试了很多次改变编码格式为gb2312的,但是无果,所以我再读取的时候先读取文件判断了文件编码格式,然后再去根据编码格式读取文件并展示页面。exportdefault{data(){return{works:[],};},methods:{handleBeforeUpload(file){this.fileList=[file];c
vue中使用ueditor上传到服务器_vue+Ueditor集成 [前后端分离项目][图片、文件上传][富文本编辑]...
小西超人
写在最前面的话:鉴于近期很多的博友讨论,说我按照文章的一步一步来,弄好之后,怎么会提示后端配置项http错误,文件上传会提示上传错误。这里提别申明一点,ueditor在前端配置好后,需要与后端部分配合进行,后端部分的项目代码git地址:https://github.com/coderliguoqing/UeditorSpringboot,然后将配置ueditor.config.js里的server
vuecli项目实战--管理系统
团团kobebryant
项目 前端框架 java javascript 前端 vue.js
一、项目搭建HBuider直接:新建--项目--填项目名称、选地址、下拉选vue项目(2.6.10)项目结构这个样子:二、前端配置1.路由配置(地址)在src文件夹下创建router文件夹在router文件夹下面创建js文件index.js---配置组件的地址还有导航守卫、路由嵌套也配在这里1.组件路由2.组件路由嵌套3.路由导航记得跟vue对象关联还有导出路由嗷importVuefrom'vue
java数字签名三种方式
知了ing
java jdk
以下3钟数字签名都是基于jdk7的
1,RSA
String password="test";
// 1.初始化密钥
KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA");
keyPairGenerator.initialize(51
Hibernate学习笔记
caoyong
Hibernate
1>、Hibernate是数据访问层框架,是一个ORM(Object Relation Mapping)框架,作者为:Gavin King
2>、搭建Hibernate的开发环境
a>、添加jar包:
aa>、hibernatte开发包中/lib/required/所
设计模式之装饰器模式Decorator(结构型)
漂泊一剑客
Decorator
1. 概述
若你从事过面向对象开发,实现给一个类或对象增加行为,使用继承机制,这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法,或者须要给方法添加更多的功能(魅力),你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。
读取磁盘文件txt,并输入String
一炮送你回车库
String
public static void main(String[] args) throws IOException {
String fileContent = readFileContent("d:/aaa.txt");
System.out.println(fileContent);
js三级联动下拉框
3213213333332132
三级联动
//三级联动
省/直辖市<select id="province"></select>
市/省直辖<select id="city"></select>
县/区 <select id="area"></select>
erlang之parse_transform编译选项的应用
616050468
parse_transform 游戏服务器 属性同步 abstract_code
最近使用erlang重构了游戏服务器的所有代码,之前看过C++/lua写的服务器引擎代码,引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能,这也是现在很多游戏服务器的优化方向,在引擎层面去解决数据同步和数据持久化,数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
JAVA JSON的解析
darkranger
java
// {
// “Total”:“条数”,
// Code: 1,
//
// “PaymentItems”:[
// {
// “PaymentItemID”:”支款单ID”,
// “PaymentCode”:”支款单编号”,
// “PaymentTime”:”支款日期”,
// ”ContractNo”:”合同号”,
//
POJ-1273-Drainage Ditches
aijuans
ACM_POJ
POJ-1273-Drainage Ditches
http://poj.org/problem?id=1273
基本的最大流,按LRJ的白书写的
#include<iostream>
#include<cstring>
#include<queue>
using namespace std;
#define INF 0x7fffffff
int ma
工作流Activiti5表的命名及含义
atongyeye
工作流 Activiti
activiti5 - http://activiti.org/designer/update在线插件安装
activiti5一共23张表
Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。
ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 (图片,规则,等等)。
A
android的广播机制和广播的简单使用
百合不是茶
android 广播机制 广播的注册
Android广播机制简介 在Android中,有一些操作完成以后,会发送广播,比如说发出一条短信,或打出一个电话,如果某个程序接收了这个广播,就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播,就是因为它只负责“说”而不管你“听不听”,也就是不管你接收方如何处理。另外,广播可以被不只一个应用程序所接收,当然也可能不被任何应
Spring事务传播行为详解
bijian1013
java spring 事务传播行为
在service类前加上@Transactional,声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。
Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
eidtplus operate
征客丶
eidtplus
开启列模式: Alt+C 鼠标选择 OR Alt+鼠标左键拖动
列模式替换或复制内容(多行):
右键-->格式-->填充所选内容-->选择相应操作
OR
Ctrl+Shift+V(复制多行数据,必须行数一致)
-------------------------------------------------------
【Kafka一】Kafka入门
bit1129
kafka
这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765),这里把它单独取出来,作为Kafka的入门吧
下载Kafka
http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz
2.10表示Scala的版本,而0.8.1.1表示Kafka
Spring 事务实现机制
BlueSkator
spring 代理 事务
Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象,其实是代理对象的实例,并不是我们所写的Service对象实例。既然是两个不同的对象,那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢?为了说明问题,假设有个Service类叫AService,它的Spring事务代理类为AProxyService,AService实现了一个接口
bootstrap源码学习与示例:bootstrap-dropdown(转帖)
BreakingBad
bootstrap dropdown
bootstrap-dropdown组件是个烂东西,我读后的整体感觉。
一个下拉开菜单的设计:
<ul class="nav pull-right">
<li id="fat-menu" class="dropdown">
读《研磨设计模式》-代码笔记-中介者模式-Mediator
bylijinnan
java 设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
* 中介者模式(Mediator):用一个中介对象来封装一系列的对象交互。
* 中介者使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互。
*
* 在我看来,Mediator模式是把多个对象(
常用代码记录
chenjunt3
UI Excel J#
1、单据设置某行或某字段不能修改
//i是行号,"cash"是字段名称
getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false);
//取得单据表体所有项用以上语句做循环就能设置整行了
getBillC
搜索引擎与工作流引擎
comsci
算法 工作 搜索引擎 网络应用
最近在公司做和搜索有关的工作,(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了,偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍,我发现这样一个关系(仅仅是猜想)
-----搜索引擎和流程引擎的基础--都是图论,至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
oracle Health Monitor
daizj
oracle Health Monitor
About Health Monitor
Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database.
About Health Monitor Checks
Health M
JSON字符串转换为对象
dieslrae
java json
作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.
C语言学习八结构体,综合应用,学生管理系统
dcj3sjt126com
C语言
实现功能的代码:
# include <stdio.h>
# include <malloc.h>
struct Student
{
int age;
float score;
char name[100];
};
int main(void)
{
int len;
struct Student * pArr;
int i,
vagrant学习笔记
dcj3sjt126com
vagrant
想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant
1. vagrant virtualbox 下载安装
https://www.vagrantup.com/downloads.html
https://www.virtualbox.org/wiki/Downloads
查看安装在命令行输入vagrant
2.
14.性能优化-优化-软件配置优化
frank1234
软件配置 性能优化
1.Tomcat线程池
修改tomcat的server.xml文件:
<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
一个不错的shell 脚本教程 入门级
HarborChung
linux shell
一个不错的shell 脚本教程 入门级
建立一个脚本 Linux中有好多中不同的shell,但是通常我们使用bash (bourne again shell) 进行shell编程,因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash(但是在大多数情况下,这些脚本同样可以在 bash的大姐,bourne shell中运行)。 如同其他语言一样
Spring4新特性——核心容器的其他改进
jinnianshilongnian
spring 动态代理 spring4 依赖注入
Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新
Linux设置tomcat开机启动
liuxingguome
tomcat linux 开机自启动
执行命令sudo gedit /etc/init.d/tomcat6
然后把以下英文部分复制过去。(注意第一句#!/bin/sh如果不写,就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。
#!/bin/bash
#
# /etc/rc.d/init.d/tomcat
# init script for tomcat precesses
第13章 Ajax进阶(下)
onestopweb
Ajax
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
Troubleshooting Crystal Reports off BW
blueoxygen
BO
http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE
Quite useful, especially this part:
SAP BW connectivity
For t
Java开发熟手该当心的11个错误
tomcat_oracle
java jvm 多线程 单元测试
#1、不在属性文件或XML文件中外化配置属性。比如,没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中,还是UAT(用户验收
测试)环境中,都可以顺畅无阻地运行,但是一旦部署在PROD 上,把它作为多线程程序处理更大的数据集时,就会抛出IOException,原因可能是JDBC驱动版本不同,也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置,那么使它成为
正则表达式大全
yang852220741
html 编程 正则表达式
今天向大家分享正则表达式大全,它可以大提高你的工作效率
正则表达式也可以被当作是一门语言,当你学习一门新的编程语言的时候,他们是一个小的子语言。初看时觉得它没有任何的意义,但是很多时候,你不得不阅读一些教程,或文章来理解这些简单的描述模式。
一、校验数字的表达式
数字:^[0-9]*$
n位的数字:^\d{n}$
至少n位的数字:^\d{n,}$
m-n位的数字:^\d{m,n}$