弃Dojo 迎 Extjs

ExtJS初体验
本文介绍了作者初次使用ExtJS创建Web应用程序的经历,详细记录了从搭建开发环境到完成第一个登录页面的过程,并分享了一些调试技巧。

曾经花了两三天,看Using the Dojo JavaScript Library to Build Ajax Applications,基本知道怎么用,倒是其中的js不敢问津。

迷恋工具的我,下载Eclipse 3.5 和Myeclipse 7.0 ,搞到出来之时,发现好慢,特别是我将Dojo添加到Eclipse中之后,那加“卡”...

今天上午重来使用Eclipse3.2 + Myeclipse 5.5 经典组合。这次安装插件都使用Link方式了!

 

写了第一个网页,挺不错的插件,感觉java与C#就是 linux和Windows...

 

login.html

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>我的第一个ExtJS界面</title>
    <!-- 链如css -->
    <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css">
    <!-- 链接JS -->
    <script type="text/javascript" src="ext/ext-base.js"></script>
     <script type="text/javascript" src="ext/ext-all.js"></script>
      <script type="text/javascript" src="ext/ext-all-debug.js"></script>
    <!-- 用户自己写的 -->
    <script type="text/javascript" src="login.js"></script>
  </head>
 
  <body>
    <div id="loginForm"></div>
  </body>
</html>

 

------------------------------------------------------js----------------------------------------------------

login.js

 

Ext.onReady(function(){
 var loginpanel=new Ext.Panel({
      renderTo:"loginForm",    // renderTo 绑定到
      id:"loginForm2",
      title:"我的第一个ExtJS",
      width:300,
      height:300
 })
});

 

运行情况:

 

 

备注:

 

 

Part 2 、请注意导入顺序 js ,一开始就调试错误

基于51单片机,实现对直流电机的调速、测速以及正反转控制。项目包含完整的仿真文件、源程序、原理图和PCB设计文件,适合学习和实践51单片机在电机控制方面的应用。 功能特点 调速控制:通过按键调整PWM占空比,实现电机的速度调节。 测速功能:采用霍尔传感器非接触式测速,实时显示电机转速。 正反转控制:通过按键切换电机的正转和反转状态。 LCD显示:使用LCD1602液晶显示屏,显示当前的转速和PWM占空比。 硬件组成 主控制器:STC89C51/52单片机(与AT89S51/52、AT89C51/52通用)。 测速传感器:霍尔传感器,用于非接触式测速。 显示模块:LCD1602液晶显示屏,显示转速和占空比。 电机驱动:采用双H桥电路,控制电机的正反转和调速。 软件设计 编程语言:C语言。 开发环境:Keil uVision。 仿真工具:Proteus。 使用说明 液晶屏显示: 第一行显示电机转速(单位:转/分)。 第二行显示PWM占空比(0~100%)。 按键功能: 1键:加速键,短按占空比加1,长按连续加。 2键:减速键,短按占空比减1,长按连续减。 3键:反转切换键,按下后电机反转。 4键:正转切换键,按下后电机正转。 5键:开始暂停键,按一下开始,再按一下暂停。 注意事项 磁铁和霍尔元件的距离应保持在2mm左右,过近可能会在电机转动时碰到霍尔元件,过远则可能导致霍尔元件无法检测到磁铁。 资源文件 仿真文件:Proteus仿真文件,用于模拟电机控制系统的运行。 源程序:Keil uVision项目文件,包含完整的C语言源代码。 原理图:电路设计原理图,详细展示了各模块的连接方式。 PCB设计:PCB布局文件,可用于实际电路板的制作。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值