1.6 前端设计——HTML5+Javascript+CSS基础

前端设计时,为了兼容微信内置浏览器,我们采用H5页面的方式进行设计,设计界面时,我们必须充分考虑当前界面是要适配手机操作的。

结合前面的介绍,本章结束时,我们能够完成一个简单的小项目(程序)——选课系统,这个项目是可以运行在微信浏览器中的,我们将该项目的演示界面和网址放到下面,读者可以通过微信扫一扫进行访问:

1.6 前端设计——HTML5+Javascript+CSS基础_第1张图片

 

扫描上述二维码后,可以看到下面的界面(*程序图片元素来源于互联网,仅为教学展示使用,如有异议,请通知博主,我们将立即删除*

1.6 前端设计——HTML5+Javascript+CSS基础_第2张图片

 

读者可以选择一个角色进行模拟操作,例如点选“我是学生”,则出现下面选择你要扮演的学生

点击你要扮演的学生图标,则可以看到学生可以进行的操作。

在这个页面下,读者可以点击“选课”按钮对进行选课,切换选项卡至“已选课”,可以对已经选择的课程进行取消选课操作。

如果主页面中角色选择时,读者选择的是“我是教师”,则列出系统内容所有老师的列表。

点选某个教师的图标,则进入教师可以操作的界面。

教师的主要功能是领取教学任务。

上述就是本章全部内容学习完毕后,读者可以开发的一个简单的项目。它用到了本章的系统环境、MySQL数据库、PHP开发以及本节要讲到的内容。

下面,我们对本章内容进行介绍。

1.6.1 HTML5简介

这是时下设计手机网页比较流行的页面设计语言,全称为超文本标记语言,它是用一系列标签定义各种元素,用来描述文字、图形、动画、声音、表格和各种链接。html是可以直接被浏览器解释的,或者可以说,客户端的浏览器负责解释html。HTML5是html的一个最新的版本。

HTML5页面一般分为以下几个部分:

(1)顶部声明:一般为表明文档类型为HTML。

(2)总体标记符:…。即整个HTML5除顶部声明外,都应在此标签范围之内。

(3)头部定义:…。此处包含页面的标题、序言、说明、样式等,它不作为主要内容在页面上显示,当时会影响页面整体的显示效果、总体样式,是十分重要的声明部分。它主要包含(页面的标题)、<link>(页面文档与外部资源的关系)、<meta>(页面的元数据)、<script>(客户端脚本,一般为javascript)、<style>(样式文件,一般为CSS)。</p> <p style="margin-left:0pt;">(4)主体内容:<body>…</body>。这里面包含了需要呈现给用户的页面的内容。</p> <p style="margin-left:0pt;">另一方面,在实际页面编写时,我们常常使用<div>…</div>标签来对页面主体结构进行进一步细化,从而使得页面更加具有层次感,也便于维护。</p> <p style="margin-left:0pt;">使用div+css的方式,将每个div和css进行对应(通常通过div的class属性完成),使得页面每个层次都有不同的样式,便于页面的设计。</p> <p style="margin-left:0pt;">从这里可以看出,通过HTML5,我们完全可以设计一个用户可以通过客户端浏览器解释的用户界面,用于直接与用户交互。当然,这里设计的页面风格是否能够为客户所接受,是否具有美感和实用性,就是考验设计者的水平和风格了。我们建议读者在设计页面时,一定要考虑我们的页面是运行在微信中,也就是在手机里,所以,页面设计一定要简洁、高效。</p> <h2 style="margin-left:0pt;">1.6.2 CSS简介</h2> <p style="margin-left:0pt;">CSS是层叠样式表(Cascading Style Sheets)的简写,是对HTML进行样式表现的计算机语言。</p> <p style="margin-left:0pt;">CSS的语法是比较简单的(当然,其主要能力不是体现在逻辑实现上,而是布局设计上),主要包括下列部分:</p> <h3 style="margin-left:0pt;">1.属性</h3> <p style="margin-left:0pt;">属性是CSS中的关键字,一个属性规定了样式的某一个方面,例如,color属性规定样式的颜色,background-color属性规定了样式的背景颜色等等,有关样式的属性,读者可以参考CSS语法介绍,这里推荐参考网站:</p> <p style="margin-left:0pt;">https://www.w3school.com.cn/css/index.asp</p> <h3 style="margin-left:0pt;">2.属性值</h3> <p style="margin-left:0pt;">即前面所述的属性的取值,例如color属性,其值可以为orange(橘黄色)、violet(紫色)等,当然也可以为整形数值,代表RGB三色取值。常用的属性值一般有整数(或实数)、带单位的数字、相对值(百分比值)等,读者可以在实际使用时逐渐熟悉。</p> <h3 style="margin-left:0pt;">3.作用域</h3> <p style="margin-left:0pt;">此处所述作用域,即CSS属性是如何作用于HTML元素的,常用的方法主要有:</p> <p>(1)类型选择:因HTML中有很多定义了的类型,例如H1、H2、H3等,可以在CSS文件中对这些类型进行修饰说明,变更其属性,通过这种方式,则HTML页面中,一旦涉及到该类型是,样式即为自定义样式,如</p> <pre><code class="language-css">H1{color:violet}</code></pre> <p style="margin-left:0pt;">(2)元素的class属性:HTML页面body内的元素均有class属性,将该属性指向CSS文件中对应的类型名称,则对应元素展示自定样式。如</p> <p style="margin-left:0pt;">在CSS文件中做如下定义</p> <pre><code class="language-css">.container { width: 90%; margin-left: auto; margin-right: auto; height: 1000px; background-color: #FFFFFF; text-align: left; color: #717070; }</code></pre> <p style="margin-left:0pt;">而在HTML文件中定义一个元素为</p> <pre><code class="language-html"><div class="container">......</div></code></pre> <p style="margin-left:0pt;">则div元素对应样式即为CSS中.container定义样式。</p> <p style="margin-left:0pt;">(3)style属性:在HTML元素的style属性中,直接定义CSS语法,指定该元素为自定义样式,例如下面的HTML语句:</p> <pre><code class="language-java"><span style="font-family: Segoe; font-style: normal; font-weight: lighter; letter-spacing: 3px">SDEPPS</span></code></pre> <p style="margin-left:0pt;">将此处的span自定义样式设置为style中所定义的样式。</p> <p style="margin-left:0pt;">针对CSS还有一些增强的格式,如less或scss,他们对CSS进行了扩展,并对书写格式进行了改进,读者有兴趣可以进行参考、研究,本文一般使用CSS。</p> <h2 style="margin-left:0pt;">1.6.3 javascript</h2> <p style="margin-left:0pt;">javascript是一种解释性的编程语言,一般作为网页嵌入语言使用。javascript一般用来读写页面元素,响应浏览器时间,与服务端接口进行交互等,是页面动态化的一种手段。本文主要用该语言实现前端页面和后端服务接口之间的数据交互。</p> <p style="margin-left:0pt;">在实际开发中,javascript一般使用程序的框架进行开发,这样能够极大提高开发效率,比较著名的javascript框架包括jQuery、bootstrap、vue等,这些框架可以说在前端开发中都是声名赫赫,有兴趣的读者可以对其进行深入了解。我们在后面的介绍中,也会略有涉及上述内容,届时再详细介绍。</p> <p style="margin-left:0pt;">本节中,我们使用javascript进行前端和服务器接口的交互,我们主要使用本文前面介绍的已经实现的接口,这样我们的前端和后端就可以交互联系起来了,所以,大家可以看到,javascript就是前端和后端接口交互的桥梁和纽带,当然,在服务器端,php接口也充当此角色。</p> <p style="margin-left:0pt;">下面的代码,展示了javascript如何调用php接口进行交互的。</p> <pre><code class="language-javascript">doTeaching(row) { uni.request({ url:'https://www.mywebsite.cn/LX001/interface.php', data:{ c_id : row.c_id, t_id : this.cID, op: 'doTeaching' }, header: { 'content-type': 'application/x-www-form-urlencoded', }, method: 'POST', dataType: 'json', success : (res) => { console.log(res.data); uni.showToast({ title: '提交成功', duration: 2000 }); } }); this.showType(this.tabbarIndex); }</code></pre> <p style="margin-left:0pt;">这里使用了uni-app的操作,我们在下一个小节介绍。</p> <p style="margin-left:0pt;">有关javascript的语法,有兴趣的读者可以参考下列网址或相关书籍。</p> <p style="margin-left:0pt;">https://www.w3school.com.cn/js/index.asp</p> <h2 style="margin-left:0pt;">1.6.4 uni-app介绍</h2> <p style="margin-left:0pt;">uni-app是使用vue.js框架的开发前端的框架体系,开发者开发一套代码,就可发布为H5、android-app、微信小程序等多个平台,十分方便。由DCloud公司推出。详细介绍请读者访问:https://uniapp.dcloud.io/。本文主要使用该框架对前端进行开发。</p> <p style="margin-left:0pt;">该框架可以使用DCloud推出的HBuilder X开发工具(下载地址:https://www.dcloud.io/hbuilderx.html)进行开发,该开发工具目前是免费的开发工具,以可视化的方式便于用户使用。</p> <p style="margin-left:0pt;">这里,我们对uni-app做简单的介绍,详细用法读者可以通过相关网址或通过本书的后续介绍进行了解。</p> <h3 style="margin-left:0pt;">1.uni-app的目录结构</h3> <p style="margin-left:0pt;">在uni-app的官方网站上,给出了uni-app的目录结构:</p> <p style="margin-left:0pt;"> </p> <p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/14074a73ad5b403cb1a1945aa416f0e1.png" target="_blank"><img alt="1.6 前端设计——HTML5+Javascript+CSS基础_第3张图片" height="351" src="http://img.e-com-net.com/image/info8/14074a73ad5b403cb1a1945aa416f0e1.png" width="278" style="border:1px solid black;"></a></p> <p style="margin-left:0pt;">上图中的路径中,比较重要的是pages目录,主要存放程序页面,有几个页面就有几个目录;statis目录,是存放程序静态资源的,比如程序中需要用到的<strong><strong>本地</strong></strong>图片、音视频等要存放于此(在实际开发时可能用到动态资源,它们可以存放在服务器上,无需放到此处);pages.json文件,该文件是页面路由文件,主要是配置页面路由、导航栏等与页面相关的设置,其余文件读者可以按照生成的默认文件即可,需要修改时,我们再具体介绍。</p> <h3 style="margin-left:0pt;">2.VUE页面的开发</h3> <p style="margin-left:0pt;">我们在HBuilder中新建一个页面,例如,我们建立一个名为RTPlay的页面,右键点击pages文件夹,点击“新建页面”,输入页面名称后,在pages文件夹节点下,会增加一个名为RTPlay的文件夹节点,里面有一个RTPlay.vue的vue文件,我们打开这个文件。</p> <p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/13c1cea305e94ce79822365eeb5d7ac0.jpg" target="_blank"><img alt="1.6 前端设计——HTML5+Javascript+CSS基础_第4张图片" src="http://img.e-com-net.com/image/info8/13c1cea305e94ce79822365eeb5d7ac0.jpg" width="650" height="448" style="border:1px solid black;"></a></p> <p style="margin-left:0pt;"> </p> <p style="margin-left:0pt;">可以看到,RTPlay.vue文件有三部分组成。</p> <p style="margin-left:0pt;"> </p> <p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/6c4617dbc3db419789c7c06b709202cb.jpg" target="_blank"><img alt="1.6 前端设计——HTML5+Javascript+CSS基础_第5张图片" src="http://img.e-com-net.com/image/info8/6c4617dbc3db419789c7c06b709202cb.jpg" width="390" height="554" style="border:1px solid black;"></a></p> <p style="margin-left:0pt;">这三部分分别为模板部分即</p> <p style="margin-left:0pt;"><template>...</template>之间的部分,代码部分即</p> <p style="margin-left:0pt;"><script>...</script>之间的部分,样式部分即</p> <p style="margin-left:0pt;"><style>...</style>之间的部分,这里面,模板部分可以看成是HTML5的一种写法,只不过常用的<div>...</div>在这里成为<view>...</view>并且加入了一部分逻辑控制;代码部分可以看作是javascript的一种扩展写法,而样式部分是CSS代码,这三个部分将本节前面提到的,也是本节标题所提的HTML5+Javascript+CSS结合到了一起。</p> <p style="margin-left:0pt;">我们可以分别对这些部分进行编写代码,例如,要实现本节例子中展示的第一个页面,即index.vue,我们在模板部分可以写入如下代码:</p> <pre><code class="language-html"><template> <view class="content"> <view class="top"> <text class="text-top">请选择您要扮演的角色</text> </view> <li> <image class="logo" @tap="toStu" src="/static/stu.png"></image> <view class="text-area" @tap="toStu"> <text class="title">{{title_stu}}</text> </view> </li> <li> <image class="logo" @tap="toTeacher" src="/static/teacher.png"> </image> <view class="text-area" @tap="toTeacher"> <text class="title">{{title_teacher}}</text> </view> </li> </view> </template></code></pre> <p style="margin-left:0pt;">每个标签中的@tap属性是点击该标签元素时要触发的事件(在script的method部分实现),我们的代码部分如下:</p> <pre><code class="language-javascript"><script> export default { data() { return { // 页面数据部分 // 改动页面数据,与该数据关联的模板部分 // 标签对应内容会实时改变 title_stu: '我是学生', title_teacher: '我是教师' } }, onLoad() { // 页面预置事件(函数)写在methods之外 }, methods: { toStu(){ //跳转至人物界面 // 参数为2,表示学生,由character页面处理 uni.navigateTo({ url:'/pages/character/character?s_t=2' }) }, toTeacher() { //跳转至人物界面 // 参数为1,表示教师,由character页面处理 uni.navigateTo({ url:'/pages/character/character?s_t=1' }) } } } </script></code></pre> <p style="margin-left:0pt;">上述代码实现了页面点击事件的响应。样式部分是CSS代码,如下:</p> <pre><code class="language-css"><style> .content { display: flex; flex-wrap: wrap; align-items: center; list-style: none; justify-content: space-around; } .content .top { padding-top: 2%; margin-top: 3%; width: 100%; } .content .top .text-top { display: flex; justify-content: center; } .content li { padding-top: 10%; margin-top: 3%; width: 30%; } .logo { height: 280rpx; width: 200rpx; margin-left: auto; margin-right: auto; } .text-area { display: flex; justify-content: center; } .title { font-size: 36rpx; color: #8f8f94; } </style></code></pre> <p style="margin-left:0pt;">样式代码规定了每个元素的显示样式,例如显示的宽度、高度、字体大小、颜色等等。此处使用页面标签的class属性与CSS样式进行关联。</p> <p style="margin-left:0pt;">最后,我们在介绍下vue与php是如何交互的,在1.5节,我们介绍了数据库、php和前端之间的通信方式,这里我们对它再复习一下。</p> <p style="margin-left:0pt;"> </p> <p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/7dd8942e497443b8a52801a1dd9c43e6.jpg" target="_blank"><img alt="1.6 前端设计——HTML5+Javascript+CSS基础_第6张图片" src="http://img.e-com-net.com/image/info8/7dd8942e497443b8a52801a1dd9c43e6.jpg" width="608" height="364" style="border:1px solid black;"></a></p> <p style="margin-left:0pt;">我们看到,VUE前端,通过javascript调用php接口,获得接口程序返回的XML数据,通过解析该数据形成前端页面标签对应数据。</p> <p style="margin-left:0pt;">而php接口通过调用前端逻辑php,从而通过数据库访问php代码对数据库实现真实的访问。</p> <p style="margin-left:0pt;">例如,我们在教师取消教学任务时(前面小节中已经提及,这个部分是调用数据库的存储过程[de_teaching]实现的。</p> <p style="margin-left:0pt;">我们通过以下代码片段可以清晰的看到这一过程。</p> <p style="margin-left:0pt;"> </p> <p style="text-align:center;"><a href="http://img.e-com-net.com/image/info8/a4bf0da6861145fcb35569a7a675024a.jpg" target="_blank"><img alt="1.6 前端设计——HTML5+Javascript+CSS基础_第7张图片" src="http://img.e-com-net.com/image/info8/a4bf0da6861145fcb35569a7a675024a.jpg" width="650" height="672" style="border:1px solid black;"></a></p> <p style="margin-left:0pt;">上图中箭头指示的方向即为函数调用的方向。这个过程中,VUE的模板部分通过标签的@tap指示,点击相应函数(方法)为VUE代码部分的doUnTeaching。</p> <p style="margin-left:0pt;">在VUE代码部分的doUnTeaching中,通过uni.request方法,调用服务器端的interface.php中的“doUnTeaching”部分。这个部分通过调用前端业务逻辑(front.class.php)中的“de_teaching”方法来实现,而该方法中,使用了数据库访问类(mysql.class.php)中的query方法实现事实上的调用数据库访问。</p> <p style="margin-left:0pt;">本文代码下载:第一章代码资源</p> <blockquote> <p style="margin-left:0pt;">本节小结:这一节我们通过实现一个例子,来展示HTML5+javascript+CSS的设计原理,主要还是通过VUE的架构来进行三者结合设计,读者应仔细了解相应技术,这主要是体现前端设计的一些基本操作。有兴趣的读者可以参考成熟的前端设计方案,用实际运行的例子来印证所学。</p> <p style="margin-left:0pt;">无论是数据库、php还是本节讲述的VUE,都是开发网页程序的基础,这不是单单针对微信服务号开发的。当然,对微信服务号的开发也是非常有用的基础知识,我们在后面的微信服务号开发中会经常用到,请读者务必熟练掌握。</p> </blockquote> </div> </div> </div> </div> </div> <!--PC和WAP自适应版--> <div id="SOHUCS" sid="1643351100880904192"></div> <script type="text/javascript" src="/views/front/js/chanyan.js"></script> <!-- 文章页-底部 动态广告位 --> <div class="youdao-fixed-ad" id="detail_ad_bottom"></div> </div> <div class="col-md-3"> <div class="row" id="ad"> <!-- 文章页-右侧1 动态广告位 --> <div id="right-1" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_1"> </div> </div> <!-- 文章页-右侧2 动态广告位 --> <div id="right-2" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_2"></div> </div> <!-- 文章页-右侧3 动态广告位 --> <div id="right-3" class="col-lg-12 col-md-12 col-sm-4 col-xs-4 ad"> <div class="youdao-fixed-ad" id="detail_ad_3"></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h4 class="pt20 mb15 mt0 border-top">你可能感兴趣的:(0基础玩转微信服务号开发,vue,html,css,js)</h4> <div id="paradigm-article-related"> <div class="recommend-post mb30"> <ul class="widget-links"> <li><a href="/article/1892379383281283072.htm" title="记录自己的日常总结与错误" target="_blank">记录自己的日常总结与错误</a> <span class="text-muted">快乐呆橘</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a><a class="tag" taget="_blank" href="/search/github/1.htm">github</a><a class="tag" taget="_blank" href="/search/visual/1.htm">visual</a><a class="tag" taget="_blank" href="/search/studio/1.htm">studio</a><a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>//1.解决VMware的方法:管理员身份运行cmd->输入netshwinsockreset->重启电脑同时也是windows修复网络问题的一种方法//2.解决spring中tx报错问题:在设置xmlcatalog时要把key改成http://www.springframework.org/schema/tx/spring-tx.xsd//3.解决jsp链接数据库中文乱码问题:首先在mysql端</div> </li> <li><a href="/article/1892378626968580096.htm" title="C# 语法 vs. C++ 语法:全面对比与核心区别解析" target="_blank">C# 语法 vs. C++ 语法:全面对比与核心区别解析</a> <span class="text-muted">不会编程的程序猿ᅟ</span> <a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>引言C#和C++是两种广泛使用的编程语言,分别由微软和BjarneStroustrup开发。尽管它们都属于C语言家族,但在语法、特性和应用场景上存在显著差异。本文将从多个角度详细对比C#和C++的语法区别,帮助你更好地理解这两种语言的特点。一、语言设计目标1.C#设计目标:C#是一种现代化的、面向对象的编程语言,旨在简化开发过程,提高开发效率。主要应用:Windows应用、Web开发、游戏开发(U</div> </li> <li><a href="/article/1892375095628853248.htm" title="MXTU MAX 苹果cmsv10模板 仿毒舌自适应主题/短视X体验版完全开源" target="_blank">MXTU MAX 苹果cmsv10模板 仿毒舌自适应主题/短视X体验版完全开源</a> <span class="text-muted">希希分享</span> <a class="tag" taget="_blank" href="/search/%E8%BD%AF%E5%B8%8C%E7%BD%9158soho_cn/1.htm">软希网58soho_cn</a><a class="tag" taget="_blank" href="/search/%E6%BA%90%E7%A0%81%E8%B5%84%E6%BA%90/1.htm">源码资源</a><a class="tag" taget="_blank" href="/search/%E4%BB%BF%E6%AF%92%E8%88%8C%E8%87%AA%E9%80%82%E5%BA%94%E4%B8%BB%E9%A2%98%2F/1.htm">仿毒舌自适应主题/</a> <div>基于MxonePro二开的主题,全开源未加密。MXTUMAX仿毒舌苹果CMS影视自适应主题主题说明:1、将mxtheme目录放置根目录|将mxpro目录放置template文件夹中2、苹果cms后台-系统-网站参数配置-网站模板-选择mxpro模板目录填写html3、网站模板选择好之后一定要先访问前台,然后再进入后台设置4、主题后台地址:MXTUMAX图图主题,/admin.php/admin/m</div> </li> <li><a href="/article/1892370554577547264.htm" title="【python】懒人福利,通过Python的JIRA库操作JIRA,自动批量提交关闭bug,提高效率" target="_blank">【python】懒人福利,通过Python的JIRA库操作JIRA,自动批量提交关闭bug,提高效率</a> <span class="text-muted">bulabula2022</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/CI%E6%8C%81%E7%BB%AD%E9%9B%86%E6%88%90/1.htm">CI持续集成</a><a class="tag" taget="_blank" href="/search/Python/1.htm">Python</a><a class="tag" taget="_blank" href="/search/jira/1.htm">jira</a> <div>简介:Jira是目前比较流行的基于Java架构的管理系统(Atlassian公司支持),有开源代码,方便做二次开发(可扩展性)。Jira是一款功能非常强大的管理工具,广泛的用来缺陷跟踪、用例管理、需求收集、任务跟踪、工时管理、项目计划管理等工作领域。python有支持操作Jira的第三方包,方便自定义一些自动化操作。需要安装jira库:pipinstalljiraJira认证fromjiraimp</div> </li> <li><a href="/article/1892369420290945024.htm" title="在 DeepSeek 驱动的编程变革中抓住机遇并脱颖而出" target="_blank">在 DeepSeek 驱动的编程变革中抓住机遇并脱颖而出</a> <span class="text-muted">智想天开</span> <a class="tag" taget="_blank" href="/search/AI%E6%8A%80%E6%9C%AF/1.htm">AI技术</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/deep/1.htm">deep</a><a class="tag" taget="_blank" href="/search/learning/1.htm">learning</a> <div>公众号地址:在DeepSeek驱动的编程变革中抓住机遇并脱颖而出更多内容请关注公众号:智想天开前言在DeepSeek引领的新一轮AI技术革新中,程序员们正面临着前所未有的挑战。随着DeepSeek等人工智能工具的迅猛发展,编程领域正在发生深刻变革。这些先进的工具不仅能够自动化完成繁重的代码生成和调试任务,还能够根据大量数据提供优化建议,改变了传统编程的工作流程。虽然这些技术为提高工作效率和解放开发</div> </li> <li><a href="/article/1892366015967326208.htm" title="使用Python获取在线股票交易网站的实时交易数据" target="_blank">使用Python获取在线股票交易网站的实时交易数据</a> <span class="text-muted">嵌入式开发项目</span> <a class="tag" taget="_blank" href="/search/2025%E5%B9%B4%E7%88%AC%E8%99%AB%E7%B2%BE%E9%80%9A%E4%B8%93%E6%A0%8F/1.htm">2025年爬虫精通专栏</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a><a class="tag" taget="_blank" href="/search/%E7%88%AC%E8%99%AB/1.htm">爬虫</a> <div>目录步骤1:选择股票交易网站步骤2:使用requests库发送HTTP请求步骤3:解析HTML内容步骤4:提取实时交易数据步骤5:存储和使用数据在金融市场中,实时交易数据对于投资者来说具有重要的价值。实时的股票价格、交易量和其他市场指标可以帮助投资者做出更准确的决策,同时也是进行金融分析和建模的重要数据源。在本篇博客中,我们将学习如何使用Python获取在线股票交易网站的实时交易数据。在开始之前,</div> </li> <li><a href="/article/1892362228376596480.htm" title="用 TensorFlow 搭建简单的手写数字识别模型" target="_blank">用 TensorFlow 搭建简单的手写数字识别模型</a> <span class="text-muted">lozhyf</span> <a class="tag" taget="_blank" href="/search/%E5%B7%A5%E4%BD%9C/1.htm">工作</a><a class="tag" taget="_blank" href="/search/%E9%9D%A2%E8%AF%95/1.htm">面试</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/tensorflow/1.htm">tensorflow</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>一、引言手写数字识别是机器学习领域中一个经典且基础的问题,它在很多实际场景中都有广泛的应用,比如邮政系统中的邮件分拣、银行支票金额识别等。TensorFlow是一个强大的开源机器学习框架,由Google开发并维护,它提供了丰富的工具和接口,能帮助我们快速搭建和训练深度学习模型。在这篇博客中,我们将使用TensorFlow构建一个简单的神经网络模型,用于识别手写数字。二、环境准备在开始之前,你需要安</div> </li> <li><a href="/article/1892361849689665536.htm" title="【FastAPI 】FastAPI 模板:提供静态文件" target="_blank">【FastAPI 】FastAPI 模板:提供静态文件</a> <span class="text-muted">iFakeCoder</span> <a class="tag" taget="_blank" href="/search/Flask/1.htm">Flask</a><a class="tag" taget="_blank" href="/search/fastapi/1.htm">fastapi</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>FastAPI是一个现代、快速(高性能)的Web框架,用于基于标准Python类型提示使用Python3.7+构建API。虽然它的主要用例是构建API,但FastAPI还可以轻松提供静态文件和HTML模板,从而让您可以构建全栈Web应用程序。在此博客中,我们将探讨如何使用FastAPI提供静态文件。我们将介绍基础知识并提供演示以帮助您入门。为什么要提供静态文件?静态文件是不经常更改的资产,并按原样</div> </li> <li><a href="/article/1892360210878623744.htm" title="vue3+vite 自动引入export default的包" target="_blank">vue3+vite 自动引入export default的包</a> <span class="text-muted">大橙子-</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>importautoImportfrom'unplugin-auto-import/vite';exportdefaultdefineConfig({plugins:[vue(),vueJsx(),autoImport({imports:['vue','vue-router','pinia',{//相当于importuseRouterStackStorefrom'@/store/modules/r</div> </li> <li><a href="/article/1892358824027811840.htm" title="vue制作导航栏html,Vue实现导航栏菜单" target="_blank">vue制作导航栏html,Vue实现导航栏菜单</a> <span class="text-muted">DataQueen</span> <a class="tag" taget="_blank" href="/search/vue%E5%88%B6%E4%BD%9C%E5%AF%BC%E8%88%AA%E6%A0%8Fhtml/1.htm">vue制作导航栏html</a> <div>本文实例为大家分享了Vue实现导航栏菜单的具体代码,供大家参考,具体内容如下这里是刚学习vue的时候,没有用vue的任何UI组件库写的导航栏菜单。menu.html导航栏左项目名称您好,用户!v-bind:class="{checked:index==nowIndex}"v-on:click="setTab('menu',index,menus)">{{menu.text}}菜单一的内容菜单二的内</div> </li> <li><a href="/article/1892358319058776064.htm" title="python whoosh" target="_blank">python whoosh</a> <span class="text-muted">clisy</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E6%BA%90/1.htm">开源</a><a class="tag" taget="_blank" href="/search/%E6%90%9C%E7%B4%A2/1.htm">搜索</a> <div>原文地址:http://whoosh.ca/wikiWhoosh:高效的纯python全文搜索组件Whoosh是一个纯python实现的全文搜索组件。Whoosh不但功能完善,还非常的快。Whoosh的作者是MattChaput,由SideEffectsSoftware公司开发。项目的最初用于Houdini(SideEffectsSoftware公司开发的3D动画软件)的在线帮助系统。SideEf</div> </li> <li><a href="/article/1892358066893025280.htm" title="钉钉酷应用开发" target="_blank">钉钉酷应用开发</a> <span class="text-muted">死神黑夜降临</span> <a class="tag" taget="_blank" href="/search/%E9%A1%B9%E7%9B%AE/1.htm">项目</a><a class="tag" taget="_blank" href="/search/%E9%85%B7%E5%BA%94%E7%94%A8/1.htm">酷应用</a> <div>钉钉酷应用开发注意事项背景介绍注意事项1开发注意2授权注意3上线注意背景介绍钉钉针对应用进行微化的一种升级,与应用是绑定一起的。注意事项1开发注意钉钉应用分为三方应用和企业内部应用,酷应用依托于钉钉应用,故其也存在三方应用和内部应用的区分二者的不同点,三方酷应用想在手机端调试或者电脑端调试,需要提交发布申请,提交后,填写的访问地址链接不能修改;内部应用不存在这个问题,是可以随时修改的,这点很重要,</div> </li> <li><a href="/article/1892357435725770752.htm" title="vue3 项目如何接入 AI 大模型" target="_blank">vue3 项目如何接入 AI 大模型</a> <span class="text-muted">代码搬运媛</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>以下是在Vue3项目中接入AI大模型的一般步骤:准备工作确定要接入的AI模型,如OpenAI的gpt-3.5-turbo、科大讯飞的星火大模型等。选择AI模型及获取API密钥:注册对应AI平台的账号,进入账户设置页面找到“ViewAPIKeys”或类似选项,创建属于自己的API密钥,并妥善保存。创建Vue项目并安装依赖打开命令行,使用vuecreate项目名命令创建一个新的Vue项目,按照提示完成</div> </li> <li><a href="/article/1892357436141006848.htm" title="vue-router 中滚动行为设置的妙用" target="_blank">vue-router 中滚动行为设置的妙用</a> <span class="text-muted">代码搬运媛</span> <a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a> <div>在vue-router里,滚动行为设置能够对路由切换时的页面滚动位置进行控制,这在单页面应用(SPA)里十分有用,能够为用户带来更流畅、更符合预期的浏览体验。下面为你详细介绍滚动行为设置的作用和使用方法。作用恢复滚动位置当用户在某个页面滚动到特定位置后,再导航到其他页面,之后又返回到该页面时,滚动行为设置可以让页面恢复到之前的滚动位置。这在浏览长页面或者列表页时非常实用,用户无需重新滚动到之前查看</div> </li> <li><a href="/article/1892357436568825856.htm" title="一人能顶一个公司:AI编程神器Trae诞生了!" target="_blank">一人能顶一个公司:AI编程神器Trae诞生了!</a> <span class="text-muted">AI生成曾小健</span> <a class="tag" taget="_blank" href="/search/AI%E7%BC%96%E7%A8%8B/1.htm">AI编程</a><a class="tag" taget="_blank" href="/search/%E7%A7%91%E6%8A%80/1.htm">科技</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a> <div>一人能顶一个公司:AI编程神器Trae诞生了!原创李至安夕小瑶科技说2025年01月20日23:20北京2024年开始,AI编程工具在国外卷疯了——Cursor、Copilot、Windsurf、Devin、Bolt.new等一系列AI编程神器经常刷屏程序员圈。可惜,普遍对中文开发者不太友好,我把他们装好后,第一件事儿就是先折腾下汉化。而且时不时因为未知原因就被封号了。终于今天,字节跳动洞察到了这</div> </li> <li><a href="/article/1892351765894983680.htm" title="学习路之微服务--PHP中实现微服务几种方式" target="_blank">学习路之微服务--PHP中实现微服务几种方式</a> <span class="text-muted">hopetomorrow</span> <a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1/1.htm">微服务</a><a class="tag" taget="_blank" href="/search/%E5%AD%A6%E4%B9%A0/1.htm">学习</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E6%9C%8D%E5%8A%A1/1.htm">微服务</a><a class="tag" taget="_blank" href="/search/php/1.htm">php</a> <div>学习路之微服务--PHP中实现微服务实现微服务是一种将应用程序拆分成小型、独立的服务,每个服务都专注于完成特定的业务功能。通过这种方式,可以实现系统的高可伸缩性、可靠性和可维护性。在PHP中实现微服务可以采用以下几种方法:使用框架和组件:PHP提供了许多流行的框架和组件,如Laravel、Symfony和Lumen等,这些框架提供了许多开箱即用的功能,可以简化微服务的开发。可以使用这些框架来创建独</div> </li> <li><a href="/article/1892351767006474240.htm" title="Python性能优化:懒加载与其他高级技巧" target="_blank">Python性能优化:懒加载与其他高级技巧</a> <span class="text-muted">车载testing</span> <a class="tag" taget="_blank" href="/search/pytest%E6%95%B0%E6%8D%AE%E9%A9%B1%E5%8A%A8%E6%A1%86%E6%9E%B6%E5%BC%80%E5%8F%91/1.htm">pytest数据驱动框架开发</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Python性能优化:懒加载与其他高级技巧在软件开发中,我们经常会遇到一些需要大量资源或时间来初始化的对象。如果这些对象在程序的整个生命周期中只被使用一次或很少使用,那么在程序启动时就立即初始化它们将是一种资源浪费。什么是懒加载?懒加载是一种设计模式,它推迟了对象的初始化直到其被实际需要的时候。这种方式可以提高程序的启动速度,减少内存消耗,并在某些情况下提高性能。实现懒加载的步骤定义类和属性:首先</div> </li> <li><a href="/article/1892351767912443904.htm" title="Click:构建Python命令行界面的利器" target="_blank">Click:构建Python命令行界面的利器</a> <span class="text-muted">车载testing</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Click:构建Python命令行界面的利器Click是一个Python包,它允许开发者以最少的代码创建出美观、功能丰富的命令行界面(CLI)。它以其高度的可配置性、合理的默认设置以及简洁的API而受到广泛欢迎。本文将详细介绍Click的核心API组件,并提供示例代码,帮助你快速掌握Click的基本用法。1.Decorators(装饰器)装饰器是Click中用于定义命令和参数的强大工具。click</div> </li> <li><a href="/article/1892351639554158592.htm" title="pycdc 安装和配置指南" target="_blank">pycdc 安装和配置指南</a> <span class="text-muted">左洋蔷Rory</span> <div>pycdc安装和配置指南pycdcC++pythonbytecodedisassembleranddecompiler项目地址:https://gitcode.com/gh_mirrors/py/pycdc1.项目基础介绍和主要的编程语言项目名称:pycdc项目简介:pycdc是一个用C++编写的Python字节码反编译器和反汇编器。它的目标是帮助开发者将编译后的Python字节码(.pyc文件)</div> </li> <li><a href="/article/1892350630043906048.htm" title="【dingding】钉钉应用开发总结" target="_blank">【dingding】钉钉应用开发总结</a> <span class="text-muted">小墨鱼_z</span> <a class="tag" taget="_blank" href="/search/dingding/1.htm">dingding</a><a class="tag" taget="_blank" href="/search/%E9%92%89%E9%92%89/1.htm">钉钉</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E5%AD%A6%E5%BB%BA%E6%A8%A1/1.htm">数学建模</a><a class="tag" taget="_blank" href="/search/servlet/1.htm">servlet</a> <div>对接钉钉应用的开发过程中遇到的问题1、在header里放入钉钉监控中心代码块varisDingtalk=navigator&&/DingTalk/.test(navigator.userAgent);varisProductEnv=window&&window.location&&window.location.host&&window.location.host.indexOf('127.0.0</div> </li> <li><a href="/article/1892346219720667136.htm" title="DeepSeek 助力 Vue 开发:打造丝滑的导航栏(Navbar)" target="_blank">DeepSeek 助力 Vue 开发:打造丝滑的导航栏(Navbar)</a> <span class="text-muted">宝码香车</span> <a class="tag" taget="_blank" href="/search/%23/1.htm">#</a><a class="tag" taget="_blank" href="/search/DeepSeek/1.htm">DeepSeek</a><a class="tag" taget="_blank" href="/search/vue.js/1.htm">vue.js</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/javascript/1.htm">javascript</a><a class="tag" taget="_blank" href="/search/ecmascript/1.htm">ecmascript</a><a class="tag" taget="_blank" href="/search/DeepSeek/1.htm">DeepSeek</a> <div>前言:哈喽,大家好,今天给大家分享一篇文章!并提供具体代码帮助大家深入理解,彻底掌握!创作不易,如果能帮助到大家或者给大家一些灵感和启发,欢迎收藏+关注哦目录DeepSeek助力Vue开发:打造丝滑的导航栏(Navbar)前言页面效果指令输入属性定义1.导航栏样式相关2.导航项相关3.响应式相关4.对齐方式相关事件定义1.导航项点击事件2.菜单折叠切换事件其他建议1.可访问性2.动画效果3.图标支</div> </li> <li><a href="/article/1892346093363064832.htm" title="Python Web开发新选择:FastAPI框架详细教程" target="_blank">Python Web开发新选择:FastAPI框架详细教程</a> <span class="text-muted">车载testing</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%89%8D%E7%AB%AF/1.htm">前端</a><a class="tag" taget="_blank" href="/search/fastapi/1.htm">fastapi</a> <div>PythonWeb开发新选择:FastAPI框架详细教程简介FastAPI是一个用于构建API的现代、快速(高性能)的Web框架,它基于Python3.6+的类型提示。本文将通过具体的示例,详细介绍如何使用FastAPI进行Web开发。一、FastAPI简介1.FastAPI能做什么?FastAPI适用于构建:Web站点WebAPI测试平台持续集成工具自动生成API文档2.为什么要学习FastAP</div> </li> <li><a href="/article/1892339410427506688.htm" title="【拥抱AI】一文讲清楚MCP(Model Context Protocol)核心功能及应用" target="_blank">【拥抱AI】一文讲清楚MCP(Model Context Protocol)核心功能及应用</a> <span class="text-muted">奔跑草-</span> <a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD/1.htm">人工智能</a><a class="tag" taget="_blank" href="/search/LLM/1.htm">LLM</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E7%84%B6%E8%AF%AD%E8%A8%80%E5%A4%84%E7%90%86/1.htm">自然语言处理</a><a class="tag" taget="_blank" href="/search/MCP/1.htm">MCP</a><a class="tag" taget="_blank" href="/search/Function/1.htm">Function</a><a class="tag" taget="_blank" href="/search/call/1.htm">call</a> <div>什么是MCP(ModelContextProtocol)?MCP(ModelContextProtocol)是Anthropic推出的一个开放协议,旨在统一LLM应用与外部数据源和工具之间的通信协议,为AI开发提供了标准化的上下文交互方式。MCP的主要功能包括数据集成、工具集成、模板化交互、安全性、开发者支持、预构建服务器和上下文维护。它通过客户端-服务器架构,支持多个服务连接到任何兼容的客户端,</div> </li> <li><a href="/article/1892338402234265600.htm" title="使用 Rebuff 进行Prompt Injection的检测和防护" target="_blank">使用 Rebuff 进行Prompt Injection的检测和防护</a> <span class="text-muted">scaFHIO</span> <a class="tag" taget="_blank" href="/search/prompt/1.htm">prompt</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a> <div>技术背景介绍在AI应用领域,PromptInjection(PI)攻击是一种通过恶意输入操控AI模型行为的攻击方式。这可能导致严重的安全问题,比如数据泄露、执行未授权的操作等。因此,检测和防护PI攻击对保障AI系统安全至关重要。Rebuff是一个自硬化的PromptInjection检测器,通过多阶段防御机制来保护AI应用免受PI攻击。本文将介绍Rebuff的核心原理、代码实现及其在实际开发中的应</div> </li> <li><a href="/article/1892338276010881024.htm" title="如何在Python中使用Etherscan API进行以太坊数据查询" target="_blank">如何在Python中使用Etherscan API进行以太坊数据查询</a> <span class="text-muted">scaFHIO</span> <a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>Etherscan是领先的区块链浏览器、搜索、API和分析平台,专注于以太坊——一个去中心化的智能合约平台。在本篇文章中,我们将介绍如何在Python中使用EtherscanAPI进行以太坊数据查询,并提供详细的代码示例。1.技术背景介绍Etherscan提供了丰富的API接口,允许开发者查询以太坊网络上的各种数据,包括交易、账户、合约等信息。使用这些API接口,开发者可以方便地集成以太坊数据到自</div> </li> <li><a href="/article/1892336385411575808.htm" title="JavaWeb开发与代码的编写(二十)" target="_blank">JavaWeb开发与代码的编写(二十)</a> <span class="text-muted">wespten</span> <a class="tag" taget="_blank" href="/search/Spring%E5%85%A8%E5%AE%B6%E6%A1%B6/1.htm">Spring全家桶</a><a class="tag" taget="_blank" href="/search/%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F/1.htm">微信小程序</a><a class="tag" taget="_blank" href="/search/Java%E5%85%A8%E6%A0%88%E5%BC%80%E5%8F%91/1.htm">Java全栈开发</a> <div>JavaWeb开发与代码的编写(二十)Servlet3Servlet的传统配置方式在JavaWeb开发中,每次编写一个Servlet都需要在web.xml文件中进行配置,如下所示:ActionServletme.gacl.web.controller.ActionServletActionServlet/servlet/ActionServlet每开发一个Servlet,都要在web.xml中配置</div> </li> <li><a href="/article/1892336132809617408.htm" title="985大四科班生没有项目和实习,错过秋招,该准备如何春招?" target="_blank">985大四科班生没有项目和实习,错过秋招,该准备如何春招?</a> <span class="text-muted">程序员yt</span> <a class="tag" taget="_blank" href="/search/c%2B%2B/1.htm">c++</a> <div>今天给大家分享的是一位粉丝的提问,985大四科班生没有项目和实习,错过秋招,该准备如何春招?接下来把粉丝的具体提问和我的回复分享给大家,希望也能给一些类似情况的小伙伴一些启发和帮助。同学提问:yt哥你好,我是985大四计科学生,无项目无实习,想努力冲刺春招(清楚准备这么晚是找不到啥好工作了,已经面试了老家那边的银行业务岗,想着后续边工作边自学再跳槽也OK)秋招末班车才醒悟,知道自己没有准备,开发岗</div> </li> <li><a href="/article/1892336133224853504.htm" title="解决Mac MongoDB连接问题:无法连接到服务器127.0.0.1:27017的错误" target="_blank">解决Mac MongoDB连接问题:无法连接到服务器127.0.0.1:27017的错误</a> <span class="text-muted">星际编程喵</span> <a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E7%A7%91%E5%AD%A6%E4%B8%8E%E5%AD%98%E5%82%A8%E9%A2%86%E5%9F%9F/1.htm">数据科学与存储领域</a><a class="tag" taget="_blank" href="/search/mongodb/1.htm">mongodb</a><a class="tag" taget="_blank" href="/search/%E6%95%B0%E6%8D%AE%E5%BA%93/1.htm">数据库</a><a class="tag" taget="_blank" href="/search/macos/1.htm">macos</a><a class="tag" taget="_blank" href="/search/%E6%9C%8D%E5%8A%A1%E5%99%A8/1.htm">服务器</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a> <div>MongoDB是一种流行的开源数据库系统,广泛用于开发和维护现代应用程序。在使用MongoDB的过程中,有时您可能会遇到连接问题,其中一个常见的问题是在Mac上无法连接到本地MongoDB服务器(127.0.0.1:27017)。这种错误可能会导致应用程序无法正常运行,因此需要尽快解决。在本文中,我们将深入探讨在Mac上遇到MongoDB连接问题的可能原因,并提供一些最佳实践和解决方案,以帮助您成</div> </li> <li><a href="/article/1892333108636741632.htm" title="[项目源码]2024年11月C#相关项目优质项目源码" target="_blank">[项目源码]2024年11月C#相关项目优质项目源码</a> <span class="text-muted">写代码变成了秃子</span> <a class="tag" taget="_blank" href="/search/%E6%8A%80%E6%9C%AF%E6%9D%82%E8%B0%88/1.htm">技术杂谈</a><a class="tag" taget="_blank" href="/search/c%23/1.htm">c#</a><a class="tag" taget="_blank" href="/search/%E5%BC%80%E5%8F%91%E8%AF%AD%E8%A8%80/1.htm">开发语言</a> <div>序号项目名称文件大小项目时间1基于C#的企业文档管理系统源码.zip32.64M2023-08-282基于C#的医院电子病历系统源码.zip197.15M2023-10-023基于C#简单的组态软件开发.zip20.55M2021-12-224基于C#的设备信息化管理系统源码.zip293.01M2022-05-275基于C#的大型ERP管理系统源码.zip122.83M2023-05-236基于</div> </li> <li><a href="/article/1892332855879593984.htm" title="AScript自动化脚本游戏辅助系列教程" target="_blank">AScript自动化脚本游戏辅助系列教程</a> <span class="text-muted">jinglong.zha</span> <a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96%E8%84%9A%E6%9C%AC/1.htm">自动化脚本</a><a class="tag" taget="_blank" href="/search/%E8%87%AA%E5%8A%A8%E5%8C%96/1.htm">自动化</a><a class="tag" taget="_blank" href="/search/%E8%BF%90%E7%BB%B4/1.htm">运维</a><a class="tag" taget="_blank" href="/search/ascript/1.htm">ascript</a><a class="tag" taget="_blank" href="/search/%E6%87%92%E4%BA%BA%E7%B2%BE%E7%81%B5/1.htm">懒人精灵</a><a class="tag" taget="_blank" href="/search/easyclick/1.htm">easyclick</a><a class="tag" taget="_blank" href="/search/python/1.htm">python</a><a class="tag" taget="_blank" href="/search/%E6%B8%B8%E6%88%8F%E8%BE%85%E5%8A%A9%E5%BC%80%E5%8F%91/1.htm">游戏辅助开发</a> <div>Python自动化脚本开发,AScript零基础从入门到精通,游戏脚本,自动化脚本,python核心与进阶实战教程AScript基础-python核心与进阶课程简介_哔哩哔哩_bilibiliAScript基础-python核心与进阶课程简介是Python自动化脚本开发,AScript零基础从入门到精通,游戏脚本,自动化脚本,python核心与进阶实战教程的第1集视频,该合集共计35集,视频收藏或</div> </li> <li><a href="/article/47.htm" title="jdk tomcat 环境变量配置" target="_blank">jdk tomcat 环境变量配置</a> <span class="text-muted">Array_06</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/jdk/1.htm">jdk</a><a class="tag" taget="_blank" href="/search/tomcat/1.htm">tomcat</a> <div>Win7 下如何配置java环境变量 1。准备jdk包,win7系统,tomcat安装包(均上网下载即可) 2。进行对jdk的安装,尽量为默认路径(但要记住啊!!以防以后配置用。。。) 3。分别配置高级环境变量。   电脑-->右击属性-->高级环境变量-->环境变量。 分别配置 : path    &nbs</div> </li> <li><a href="/article/174.htm" title="Spring调SDK包报java.lang.NoSuchFieldError错误" target="_blank">Spring调SDK包报java.lang.NoSuchFieldError错误</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>        在工作中调另一个系统的SDK包,出现如下java.lang.NoSuchFieldError错误。 org.springframework.web.util.NestedServletException: Handler processing failed; nested exception is java.l</div> </li> <li><a href="/article/301.htm" title="LeetCode[位运算] - #136 数组中的单一数" target="_blank">LeetCode[位运算] - #136 数组中的单一数</a> <span class="text-muted">Cwind</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/%E9%A2%98%E8%A7%A3/1.htm">题解</a><a class="tag" taget="_blank" href="/search/%E4%BD%8D%E8%BF%90%E7%AE%97/1.htm">位运算</a><a class="tag" taget="_blank" href="/search/LeetCode/1.htm">LeetCode</a><a class="tag" taget="_blank" href="/search/Algorithm/1.htm">Algorithm</a> <div>原题链接:#136 Single Number 要求: 给定一个整型数组,其中除了一个元素之外,每个元素都出现两次。找出这个元素 注意:算法的时间复杂度应为O(n),最好不使用额外的内存空间 难度:中等 分析: 题目限定了线性的时间复杂度,同时不使用额外的空间,即要求只遍历数组一遍得出结果。由于异或运算 n XOR n = 0, n XOR 0 = n,故将数组中的每个元素进</div> </li> <li><a href="/article/428.htm" title="qq登陆界面开发" target="_blank">qq登陆界面开发</a> <span class="text-muted">15700786134</span> <a class="tag" taget="_blank" href="/search/qq/1.htm">qq</a> <div>今天我们来开发一个qq登陆界面,首先写一个界面程序,一个界面首先是一个Frame对象,即是一个窗体。然后在这个窗体上放置其他组件。代码如下: public class First {         public void initul(){        jf=ne</div> </li> <li><a href="/article/555.htm" title="Linux的程序包管理器RPM" target="_blank">Linux的程序包管理器RPM</a> <span class="text-muted">被触发</span> <a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>在早期我们使用源代码的方式来安装软件时,都需要先把源程序代码编译成可执行的二进制安装程序,然后进行安装。这就意味着每次安装软件都需要经过预处理-->编译-->汇编-->链接-->生成安装文件--> 安装,这个复杂而艰辛的过程。为简化安装步骤,便于广大用户的安装部署程序,程序提供商就在特定的系统上面编译好相关程序的安装文件并进行打包,提供给大家下载,我们只需要根据自己的</div> </li> <li><a href="/article/682.htm" title="socket通信遇到EOFException" target="_blank">socket通信遇到EOFException</a> <span class="text-muted">肆无忌惮_</span> <a class="tag" taget="_blank" href="/search/EOFException/1.htm">EOFException</a> <div>java.io.EOFException at java.io.ObjectInputStream$PeekInputStream.readFully(ObjectInputStream.java:2281) at java.io.ObjectInputStream$BlockDataInputStream.readShort(ObjectInputStream.java:</div> </li> <li><a href="/article/809.htm" title="基于spring的web项目定时操作" target="_blank">基于spring的web项目定时操作</a> <span class="text-muted">知了ing</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/Web/1.htm">Web</a> <div>废话不多说,直接上代码,很简单 配置一下项目启动就行 1,web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="h</div> </li> <li><a href="/article/936.htm" title="树形结构的数据库表Schema设计" target="_blank">树形结构的数据库表Schema设计</a> <span class="text-muted">矮蛋蛋</span> <a class="tag" taget="_blank" href="/search/schema/1.htm">schema</a> <div>原文地址: http://blog.csdn.net/MONKEY_D_MENG/article/details/6647488     程序设计过程中,我们常常用树形结构来表征某些数据的关联关系,如企业上下级部门、栏目结构、商品分类等等,通常而言,这些树状结构需要借助于数据库完成持久化。然而目前的各种基于关系的数据库,都是以二维表的形式记录存储数据信息,</div> </li> <li><a href="/article/1063.htm" title="maven将jar包和源码一起打包到本地仓库" target="_blank">maven将jar包和源码一起打包到本地仓库</a> <span class="text-muted">alleni123</span> <a class="tag" taget="_blank" href="/search/maven/1.htm">maven</a> <div>http://stackoverflow.com/questions/4031987/how-to-upload-sources-to-local-maven-repository <project> ... <build> <plugins> <plugin> <groupI</div> </li> <li><a href="/article/1190.htm" title="java IO操作 与 File 获取文件或文件夹的大小,可读,等属性!!!" target="_blank">java IO操作 与 File 获取文件或文件夹的大小,可读,等属性!!!</a> <span class="text-muted">百合不是茶</span> <div>类 File File是指文件和目录路径名的抽象表示形式。 1,何为文件: 标准文件(txt doc mp3...) 目录文件(文件夹) 虚拟内存文件   2,File类中有可以创建文件的 createNewFile()方法,在创建新文件的时候需要try{} catch(){}因为可能会抛出异常;也有可以判断文件是否是一个标准文件的方法isFile();这些防抖都</div> </li> <li><a href="/article/1317.htm" title="Spring注入有继承关系的类(2)" target="_blank">Spring注入有继承关系的类(2)</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/spring/1.htm">spring</a> <div>被注入类的父类有相应的属性,Spring可以直接注入相应的属性,如下所例:1.AClass类 package com.bijian.spring.test4; public class AClass { private String a; private String b; public String getA() { retu</div> </li> <li><a href="/article/1444.htm" title="30岁转型期你能否成为成功人士" target="_blank">30岁转型期你能否成为成功人士</a> <span class="text-muted">bijian1013</span> <a class="tag" taget="_blank" href="/search/%E6%88%90%E9%95%BF/1.htm">成长</a><a class="tag" taget="_blank" href="/search/%E5%8A%B1%E5%BF%97/1.htm">励志</a> <div>        很多人由于年轻时走了弯路,到了30岁一事无成,这样的例子大有人在。但同样也有一些人,整个职业生涯都发展得很优秀,到了30岁已经成为职场的精英阶层。由于做猎头的原因,我们接触很多30岁左右的经理人,发现他们在职业发展道路上往往有很多致命的问题。在30岁之前,他们的职业生涯表现很优秀,但从30岁到40岁这一段,很多人</div> </li> <li><a href="/article/1571.htm" title="【Velocity四】Velocity与Java互操作" target="_blank">【Velocity四】Velocity与Java互操作</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/velocity/1.htm">velocity</a> <div>Velocity出现的目的用于简化基于MVC的web应用开发,用于替代JSP标签技术,那么Velocity如何访问Java代码.本篇继续以Velocity三http://bit1129.iteye.com/blog/2106142中的例子为基础,      POJO    package com.tom.servlets; public</div> </li> <li><a href="/article/1698.htm" title="【Hive十一】Hive数据倾斜优化" target="_blank">【Hive十一】Hive数据倾斜优化</a> <span class="text-muted">bit1129</span> <a class="tag" taget="_blank" href="/search/hive/1.htm">hive</a> <div>什么是Hive数据倾斜问题   操作:join,group by,count distinct 现象:任务进度长时间维持在99%(或100%),查看任务监控页面,发现只有少量(1个或几个)reduce子任务未完成;查看未完成的子任务,可以看到本地读写数据量积累非常大,通常超过10GB可以认定为发生数据倾斜。 原因:key分布不均匀 倾斜度衡量:平均记录数超过50w且</div> </li> <li><a href="/article/1825.htm" title="在nginx中集成lua脚本:添加自定义Http头,封IP等" target="_blank">在nginx中集成lua脚本:添加自定义Http头,封IP等</a> <span class="text-muted">ronin47</span> <a class="tag" taget="_blank" href="/search/nginx+lua+csrf/1.htm">nginx lua csrf</a> <div>Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言,从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器,但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站,我们不希望爬虫抓取子域名的页面,降低我们的Page rank。 location /{</div> </li> <li><a href="/article/1952.htm" title="java-3.求子数组的最大和" target="_blank">java-3.求子数组的最大和</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a> <div>package beautyOfCoding; public class MaxSubArraySum { /** * 3.求子数组的最大和 题目描述: 输入一个整形数组,数组里有正数也有负数。 数组中连续的一个或多个整数组成一个子数组,每个子数组都有一个和。 求所有子数组的和的最大值。要求时间复杂度为O(n)。 例如输入的数组为1, -2, 3, 10, -4,</div> </li> <li><a href="/article/2079.htm" title="Netty源码学习-FileRegion" target="_blank">Netty源码学习-FileRegion</a> <span class="text-muted">bylijinnan</span> <a class="tag" taget="_blank" href="/search/java/1.htm">java</a><a class="tag" taget="_blank" href="/search/netty/1.htm">netty</a> <div>今天看org.jboss.netty.example.http.file.HttpStaticFileServerHandler.java 可以直接往channel里面写入一个FileRegion对象,而不需要相应的encoder: //pipeline(没有诸如“FileRegionEncoder”的handler): public ChannelPipeline ge</div> </li> <li><a href="/article/2206.htm" title="使用ZeroClipboard解决跨浏览器复制到剪贴板的问题" target="_blank">使用ZeroClipboard解决跨浏览器复制到剪贴板的问题</a> <span class="text-muted">cngolon</span> <a class="tag" taget="_blank" href="/search/%E8%B7%A8%E6%B5%8F%E8%A7%88%E5%99%A8/1.htm">跨浏览器</a><a class="tag" taget="_blank" href="/search/%E5%A4%8D%E5%88%B6%E5%88%B0%E7%B2%98%E8%B4%B4%E6%9D%BF/1.htm">复制到粘贴板</a><a class="tag" taget="_blank" href="/search/Zero+Clipboard/1.htm">Zero Clipboard</a> <div>Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板。 Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包,解压后把文件夹中两个文件:ZeroClipboard.js </div> </li> <li><a href="/article/2333.htm" title="单例模式" target="_blank">单例模式</a> <span class="text-muted">cuishikuan</span> <a class="tag" taget="_blank" href="/search/%E5%8D%95%E4%BE%8B%E6%A8%A1%E5%BC%8F/1.htm">单例模式</a> <div>第一种(懒汉,线程不安全): public class Singleton {   2     private static Singleton instance;   3     pri</div> </li> <li><a href="/article/2460.htm" title="spring+websocket的使用" target="_blank">spring+websocket的使用</a> <span class="text-muted">dalan_123</span> <div>一、spring配置文件 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"    xmlns:xsi="http://www.w3.or</div> </li> <li><a href="/article/2587.htm" title="细节问题:ZEROFILL的用法范围。" target="_blank">细节问题:ZEROFILL的用法范围。</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/mysql/1.htm">mysql</a> <div> 1、zerofill把月份中的一位数字比如1,2,3等加前导0 mysql> CREATE TABLE t1 (year YEAR(4), month INT(2) UNSIGNED ZEROFILL,    -> day</div> </li> <li><a href="/article/2714.htm" title="Android开发10——Activity的跳转与传值" target="_blank">Android开发10——Activity的跳转与传值</a> <span class="text-muted">dcj3sjt126com</span> <a class="tag" taget="_blank" href="/search/Android%E5%BC%80%E5%8F%91/1.htm">Android开发</a> <div>Activity跳转与传值,主要是通过Intent类,Intent的作用是激活组件和附带数据。   一、Activity跳转 方法一Intent intent = new Intent(A.this, B.class); startActivity(intent)   方法二Intent intent = new Intent();intent.setCla</div> </li> <li><a href="/article/2841.htm" title="jdbc 得到表结构、主键" target="_blank">jdbc 得到表结构、主键</a> <span class="text-muted">eksliang</span> <a class="tag" taget="_blank" href="/search/jdbc+%E5%BE%97%E5%88%B0%E8%A1%A8%E7%BB%93%E6%9E%84%E3%80%81%E4%B8%BB%E9%94%AE/1.htm">jdbc 得到表结构、主键</a> <div>转自博客:http://blog.csdn.net/ocean1010/article/details/7266042 假设有个con DatabaseMetaData dbmd = con.getMetaData(); rs = dbmd.getColumns(con.getCatalog(), schema, tableName, null); rs.getSt</div> </li> <li><a href="/article/2968.htm" title="Android 应用程序开关GPS" target="_blank">Android 应用程序开关GPS</a> <span class="text-muted">gqdy365</span> <a class="tag" taget="_blank" href="/search/android/1.htm">android</a> <div>要在应用程序中操作GPS开关需要权限: <uses-permission android:name="android.permission.WRITE_SECURE_SETTINGS" /> 但在配置文件中添加此权限之后会报错,无法再eclipse里面正常编译,怎么办? 1、方法一:将项目放到Android源码中编译; 2、方法二:网上有人说cl</div> </li> <li><a href="/article/3095.htm" title="Windows上调试MapReduce" target="_blank">Windows上调试MapReduce</a> <span class="text-muted">zhiquanliu</span> <a class="tag" taget="_blank" href="/search/mapreduce/1.htm">mapreduce</a> <div>1.下载hadoop2x-eclipse-plugin https://github.com/winghc/hadoop2x-eclipse-plugin.git 把 hadoop2.6.0-eclipse-plugin.jar 放到eclipse plugin 目录中。 2.下载 hadoop2.6_x64_.zip http://dl.iteye.com/topics/download/d2b</div> </li> <li><a href="/article/3222.htm" title="如何看待一些知名博客推广软文的行为?" target="_blank">如何看待一些知名博客推广软文的行为?</a> <span class="text-muted">justjavac</span> <a class="tag" taget="_blank" href="/search/%E5%8D%9A%E5%AE%A2/1.htm">博客</a> <div>本文来自我在知乎上的一个回答:http://www.zhihu.com/question/23431810/answer/24588621 互联网上的两种典型心态: 当初求种像条狗,如今撸完嫌人丑 当初搜贴像条犬,如今读完嫌人软 你为啥感觉不舒服呢? 难道非得要作者把自己的劳动成果免费给你用,你才舒服? 就如同 Google 关闭了 Gooled Reader,那是</div> </li> <li><a href="/article/3349.htm" title="sql优化总结" target="_blank">sql优化总结</a> <span class="text-muted">macroli</span> <a class="tag" taget="_blank" href="/search/sql/1.htm">sql</a> <div>为了是自己对sql优化有更好的原则性,在这里做一下总结,个人原则如有不对请多多指教。谢谢!   要知道一个简单的sql语句执行效率,就要有查看方式,一遍更好的进行优化。   一、简单的统计语句执行时间 declare @d datetime ---定义一个datetime的变量set @d=getdate() ---获取查询语句开始前的时间select user_id</div> </li> <li><a href="/article/3476.htm" title="Linux Oracle中常遇到的一些问题及命令总结" target="_blank">Linux Oracle中常遇到的一些问题及命令总结</a> <span class="text-muted">超声波</span> <a class="tag" taget="_blank" href="/search/oracle/1.htm">oracle</a><a class="tag" taget="_blank" href="/search/linux/1.htm">linux</a> <div>1.linux更改主机名   (1)#hostname oracledb    临时修改主机名 (2) vi /etc/sysconfig/network   修改hostname (3) vi /etc/hosts        修改IP对应的主机名   2.linux重启oracle实例及监听的各种方法 (注意操作的顺序应该是先监听,后数据库实例) &nbs</div> </li> <li><a href="/article/3603.htm" title="hive函数大全及使用示例" target="_blank">hive函数大全及使用示例</a> <span class="text-muted">superlxw1234</span> <a class="tag" taget="_blank" href="/search/hadoop/1.htm">hadoop</a><a class="tag" taget="_blank" href="/search/hive%E5%87%BD%E6%95%B0/1.htm">hive函数</a> <div>  具体说明及示例参 见附件文档。     文档目录:   目录 一、关系运算: 4 1. 等值比较: = 4 2. 不等值比较: <> 4 3. 小于比较: < 4 4. 小于等于比较: <= 4 5. 大于比较: > 5 6. 大于等于比较: >= 5 7. 空值判断: IS NULL 5</div> </li> <li><a href="/article/3730.htm" title="Spring 4.2新特性-使用@Order调整配置类加载顺序" target="_blank">Spring 4.2新特性-使用@Order调整配置类加载顺序</a> <span class="text-muted">wiselyman</span> <a class="tag" taget="_blank" href="/search/spring+4/1.htm">spring 4</a> <div>4.1 @Order Spring 4.2 利用@Order控制配置类的加载顺序 4.2 演示 两个演示bean package com.wisely.spring4_2.order; public class Demo1Service { } package com.wisely.spring4_2.order; public class</div> </li> </ul> </div> </div> </div> <div> <div class="container"> <div class="indexes"> <strong>按字母分类:</strong> <a href="/tags/A/1.htm" target="_blank">A</a><a href="/tags/B/1.htm" target="_blank">B</a><a href="/tags/C/1.htm" target="_blank">C</a><a href="/tags/D/1.htm" target="_blank">D</a><a href="/tags/E/1.htm" target="_blank">E</a><a href="/tags/F/1.htm" target="_blank">F</a><a href="/tags/G/1.htm" target="_blank">G</a><a href="/tags/H/1.htm" target="_blank">H</a><a href="/tags/I/1.htm" target="_blank">I</a><a href="/tags/J/1.htm" target="_blank">J</a><a href="/tags/K/1.htm" target="_blank">K</a><a href="/tags/L/1.htm" target="_blank">L</a><a href="/tags/M/1.htm" target="_blank">M</a><a href="/tags/N/1.htm" target="_blank">N</a><a href="/tags/O/1.htm" target="_blank">O</a><a href="/tags/P/1.htm" target="_blank">P</a><a href="/tags/Q/1.htm" target="_blank">Q</a><a href="/tags/R/1.htm" target="_blank">R</a><a href="/tags/S/1.htm" target="_blank">S</a><a href="/tags/T/1.htm" target="_blank">T</a><a href="/tags/U/1.htm" target="_blank">U</a><a href="/tags/V/1.htm" target="_blank">V</a><a href="/tags/W/1.htm" target="_blank">W</a><a href="/tags/X/1.htm" target="_blank">X</a><a href="/tags/Y/1.htm" target="_blank">Y</a><a href="/tags/Z/1.htm" target="_blank">Z</a><a href="/tags/0/1.htm" target="_blank">其他</a> </div> </div> </div> <footer id="footer" class="mb30 mt30"> <div class="container"> <div class="footBglm"> <a target="_blank" href="/">首页</a> - <a target="_blank" href="/custom/about.htm">关于我们</a> - <a target="_blank" href="/search/Java/1.htm">站内搜索</a> - <a target="_blank" href="/sitemap.txt">Sitemap</a> - <a target="_blank" href="/custom/delete.htm">侵权投诉</a> </div> <div class="copyright">版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved. <!-- <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">京ICP备09083238号</a><br>--> </div> </div> </footer> <!-- 代码高亮 --> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shCore.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shLegacy.js"></script> <script type="text/javascript" src="/static/syntaxhighlighter/scripts/shAutoloader.js"></script> <link type="text/css" rel="stylesheet" href="/static/syntaxhighlighter/styles/shCoreDefault.css"/> <script type="text/javascript" src="/static/syntaxhighlighter/src/my_start_1.js"></script> </body> </html>