Dojo学习之环境搭建

最新推荐文章于 2019-10-21 17:54:46 发布
最新推荐文章于 2019-10-21 17:54:46 发布 · 163 阅读 · 0
文章标签：

#Dojo #JavaScript #CSS #XP #QQ #ViewUI


 公司决定使用dojo这个JavaScript框架，本来没有一点点dojo的经验。在网上查了好久好久，而且用二把刀的英语死啃残缺不全的英文文档， 仅仅了解了一点点，就把这一点点经验分享出来吧。

       个人测试使用的是dojo1.5，window  xp sp3，apache2.2。环境搭建代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>注册案例</title>
        <style type="text/css">
        @import "dojo/resources/dojo.css";
        @import "dijit/themes/tundra/tundra.css";
        .dijitInputFieldFocused {
            border: solid 2px #FFDF00;
        }
        </style>

        <script type="text/javascript" djConfig="parseOnLoad: true"
            src="dojo/dojo.js"></script>
            
        <script type="text/javascript">
            dojo.require("dijit.form.Button");
            dojo.require("dijit.form.TextBox");
            dojo.require("dijit.form.DateTextBox");

            dojo.require("dijit.form.CheckBox");
            //下拉列表
            dojo.require("dijit.form.FilteringSelect");
            //数字选项
            dojo.require("dijit.form.NumberSpinner");
            //验证
            dojo.require("dijit.form.ValidationTextBox");
               dojo.require("dojox.validate.regexp");
            //解析器
            dojo.require("dojo.parser");
        </script>
    </head>

    <body class="tundra">
        <form id="registForm" method="post">
            <table>
                <tr>
                    <td>
                        <label for="username">
                            用户名
                        </label>
                    </td>
                    <td>
                        <input dojoType="dijit.form.TextBox" type="text" id="username" name="username"/>
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="password">
                            密码
                        </label>
                    </td>
                    <td>
                        <input dojoType="dijit.form.TextBox" type="password" id="password" name="password"/>
                    </td>
                </tr>
                <!-- 单项选择按钮 -->
                <tr>
                    <td>
                        <label for="sex1">
                            性别
                        </label>
                    </td>
                    <td>
                        <input dojoType="dijit.form.RadioButton" type="radio" name="sex"
                            id="sex1" value="男" checked="checked"/>
                        <label for="sex1">
                            男
                        </label>
                        <input dojoType="dijit.form.RadioButton" type="radio" name="sex"
                            id="sex2" value="女" />
                        <label for="sex2">
                            女
                        </label>
                        <input dojoType="dijit.form.RadioButton" type="radio" name="sex"
                            id="sex3" value="保密" />
                        <label for="sex3">
                            保密
                        </label>
                    </td>
                </tr>
                <!-- 年龄 -->
                <tr>
                    <td>
                        <label for="age">年龄</label>
                    </td>
                    <td>
                        <input dojoType="dijit.form.NumberSpinner"
                            value="18"
                            class="medium"
                            constraints="{max:100,places:0}"
                            name="age"
                            id="age"
                            required="true">
                    </td>
                </tr>
                <!-- 日历 -->
                <tr>
                    <td>
                        <label for="birthday">
                            出生日期
                        </label>
                    </td>
                    <td>
                        <input id="birthday" value="1900-01-01" name="birthday"
                        dojoType="dijit.form.DateTextBox"
                        constraints="{min:'1900-01-01',max:'today',formatLength:'long'}"
                        required="true"
                        trim="true">
                    </td>
                </tr>
                <!-- 多项选择按钮 -->
                <tr>
                    <td>
                        <label for="interest1">
                            兴趣
                        </label>
                    </td>
                    <td>
                        <input type="checkbox" dojoType="dijit.form.CheckBox"
                            name="interest" id="interest1" value="电脑">
                        <label for="interest1">
                            上网
                        </label>
                        <input type="checkbox" dojoType="dijit.form.CheckBox"
                            name="interest" id="interest２" value="游泳">
                        <label for="interest２">
                            游泳
                        </label>
                        <input type="checkbox" dojoType="dijit.form.CheckBox"
                            name="interest" id="interest３" value="网球">
                        <label for="interest３">
                            网球
                        </label>
                        <input type="checkbox" dojoType="dijit.form.CheckBox"
                            name="interest" id="interest４" value="看书">
                        <label for="interest４">
                            看书
                        </label>
                    </td>
                </tr>
                <!-- 下拉列表 -->
                <tr>
                    <td>
                        <label for="nationality">
                            国籍
                        </label>
                    </td>
                    <td>
                        <select dojoType=dijit.form.FilteringSelect name="nationality"
                            id="nationality" hasDownArrow="true">
                            <option value="chinese">chinese</option>
                            <option value="USA">USA</option>
                            <option value="English">English</option>
                        </select>
                    </td>
                </tr>
                <!-- email -->
                <tr>
                    <td>
                        <label>E-mail</label>
                    </td>
                    <td>
                        <input id="email" type="text" name="email" class="long" value="youname@qq.com"
                            dojoType="dijit.form.ValidationTextBox"
                            regExpGen="dojox.regexp.emailAddress"
                            trim="true"
                            required="true"
                            invalidMessage="E-mail地址是非法的。" />
                    </td>
                </tr>
            </table>
        </form>
        <button dojoType="dijit.form.Button">
                        提交
            <script type="dojo/method" event="onClick">
                        function registCallBack(data,params){
                            dojo.byId("showData").innerHTML = data;
                        }
                        function registError(data,params){
                            dojo.byId("showData").innerHTML = '服务器错误';
                        }
                        dojo.xhrPost({
                            url:'./regist.do',
                            load:registCallBack,
                            error:registError,
                            form:'registForm',
                            encoding:'utf-8'
                        });
            </script>
        </button>
        <div id="showData"></div>
    </body>
</html>

 

具体的文件目录布局如下：

 

学习JavaScript框架文件应用时，要注意路径问题。

上面代码是参照网上老大以及查看dojo1.5原包之中的例子.

 

encoding-dojo-php-boilerplate：用于启动并运行编码dojo环境的样板
02-06
"编码道场PHP样板"（Encoding Dojo PHP Boilerplate）是一个专门为PHP开发者设计的项目模板，旨在快速搭建一个用于学习、实践和提升编程技能的环境。这个环境特别适合进行编码道场（Coding Dojo）活动，它允许开发者...
图解ArcGIS API for JavaScript开发环境搭建
07-19
### 图解ArcGIS API for JavaScript开发环境搭建 #### 一、引言 随着地理信息系统（GIS）技术的不断发展，Web GIS应用的需求日益增加。ESRI作为GIS领域的领导者，提供了多种强大的开发工具，其中ArcGIS API for ...
搭建Dojo开发环境
从菜鸟到菜菜鸟
05-21 3141
今天不是很忙，闲着无聊想玩玩Dojo，无奈找了一些资料没有详细介绍怎么搭建Dojo开发环境的。我自己来try一把把。 1 先安装个application server，选用apache。http://labs.renren.com/apache-mirror/tomcat/tomcat-6/v6.0.35/bin/ 2 下载Dojo http://download.dojotoolk
dojo学习第一天--搭建dojo学习环境
weixin_33908217的博客
12-06 110
1、打开MyEclipse，新建一个Web Project项目，名为“dojo_test”。如图： 2、在WebRoot目录下新建一个scripts目录，用于存放javascript代码。 3、下载最新的dojo（下载地址：http://download.dojotoolkit.org/release-1.8.1/dojo-release-1.8.1...
ArcGIS for JavaScript
06-11
全面介绍ArcGIS for JavaScript 开发
Dojo学习笔记
huangbaokang的博客
10-21 521
hello world入门 dojo.addOnLoad(function() { dojo.create( "div", { "innerHTML": "Hello, Huangbaokang!" }, dojo.body() ); }); 可以使用cdn等方式引入，或者本地引入，远程域名引...
Dojo学习笔记二：介绍几种搭建Dojo环境的方法
纪争光
02-28 4265
Hello World! 的时间到了，在你所学过的众多语言中，哪个不是从此学起的呢？但在此之前，我们要先构建一个开发环境，如同刚开始学习Java的时候，还是需要我们先安装JDK、配置好环境变量等等，HelloWorld才会乖乖的显示在命令行上。    对于脚本类语言，开发环境就是文本编辑器+语言包（dojo.js），对于学习JavaScript来说更简单，只需要有主流浏览器作为支持就够了，浏览器就
菜鸟的Dojo学习笔记1
lemongrassstaste的专栏
11-30 628
Dojo配置与 Hello World!
介绍几种搭建Dojo环境的方法
weixin_30533797的博客
01-08 108
介绍几种搭建Dojo环境的方法 Hello World! 的时间到了，在你所学过的众多语言中，哪个不是从此学起的呢？但在此之前，我们要先构建一个开发环境，如同刚开始学习Java的时候，还是需要我们先安装JDK、配置好环境变量等等，HelloWorld才会乖乖的显示在命令行上。 对于脚本类语言，开发环境就是文本编辑器+语言包（do...
Dojo 学习资源 url
hsg77的专栏
09-10 1044
http://www.ibm.com/developerworks/cn/web/wa-dojotoolkit/newto.html 来源url Dojo 学习资源 Page navigation Dojo 入门Dojo 进阶掌握 Dojo 工具包系列(仅适用于 Dojo 1.5 版本)贡献您的观点！ Dojo 入门 随着富互联网应用程序
掌握Dojo-SQL：Dextra SQL Xtags与MySQL环境搭建
描述中提供了具体的使用Docker命令创建MySQL环境的示例，这表明了SQL Dojo的环境搭建可能依赖于Docker容器。命令如下： ```bash docker run -d -p 3306:3306 -P -e MYSQL_ROOT_PASSWORD=admin --name mysql-dojo ...
利用遗传算法优化列车自动运行系统运行引导曲线.zip
08-11
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
永磁同步电机无传感器控制：基于二阶滑模超螺旋与模糊控制的新模型
08-11
内容概要：本文介绍了一种新的永磁同步电机（PMSM）无位置（速度）传感器控制模型。该模型引入了二阶滑模超螺旋控制率和模糊控制器，旨在解决传统滑模控制中存在的抖振问题并提高控制精度。文中详细对比了传统滑模控制与新型二阶滑模超螺旋控制率的特点，强调后者具有更快的响应速度和更高的精度。模糊控制器通过输出变滑模增益，能动态调整滑模增益，进一步提升系统的稳定性和抗干扰能力。最后，文章提供了详细的滑模搭建文档、仿真模型及相关参考资料，便于读者理解和应用。 适合人群：从事电机控制系统研究与开发的技术人员，尤其是对永磁同步电机无传感器控制感兴趣的科研人员和工程师。 使用场景及目标：适用于需要高精度、快速响应的电机控制系统设计，如工业自动化、电动汽车等领域。目标是通过引入先进的控制算法，提升系统的稳定性和控制精度。 阅读建议：读者可以通过提供的仿真模型和相关资料深入理解新型控制方法的工作原理及其优势，结合实际应用场景进行实验验证。
jenkins3.508的插件压缩包
08-11
jenkins3.508的插件压缩包，把常用的一些插件包都下载打包了，方便那些服务器环境不能联网的小伙伴们
电子系统设计基本知识(ADD).pdf
最新发布
08-11
电子系统设计基本知识(ADD).pdf
钢厂PLC与WinCC脱硫控制系统——实景带脚本解析的组态画面工程实例 - PLC
08-11
钢厂烧结脱硫系统的自动化控制，特别是PLC（西门子S7-300）与WinCC的配合应用。首先讲解了硬件配置的底层逻辑，包括IO分配表的设计方法，确保后期维护便捷。接着探讨了通信设置的关键点，尤其是PROFIBUS-DP总线的站地址配置及其稳定性保障措施。随后展示了如何通过脚本实现通信故障检测和报警机制。此外，深入讨论了动态效果的实现技巧，如脱硫塔液位动画的平滑显示，以及一些实用的设计细节，如F1键弹出的帮助窗口、工程师菜单调用、不同班次的颜色主题切换等。最后强调了工业设计中的人文关怀。 适用人群：从事工业自动化控制领域的工程师和技术人员，特别是熟悉PLC和WinCC的从业者。 使用场景及目标：适用于需要深入了解PLC与WinCC在烧结脱硫系统中具体应用的技术人员，旨在提高他们对自动化控制系统的设计、实施和维护能力。 其他说明：文中提供了具体的代码片段和实践经验，有助于读者更好地理解和掌握相关技术和应用场景。
C++实现行列式计算的代码实现
08-11
资源下载链接为： https://pan.quark.cn/s/9e7ef05254f8 行列式是线性代数的核心概念，在求解线性方程组、分析矩阵特性以及几何计算中都极为关键。本教程将讲解如何用C++实现行列式的计算，重点在于如何输出分数形式的结果。 行列式定义如下：对于n阶方阵A=(a_ij)，其行列式由主对角线元素的乘积，按行或列的奇偶性赋予正负号后求和得到，记作det(A)。例如，2×2矩阵的行列式为det(A)=a11×a22-a12×a21，而更高阶矩阵的行列式可通过Laplace展开或Sarrus规则递归计算。 在C++中实现行列式计算时，首先需定义矩阵类或结构体，用二维数组存储矩阵元素，并实现初始化、加法、乘法、转置等操作。为支持分数形式输出，需引入分数类，包含分子和分母两个整数，并提供与整数、浮点数的转换以及加、减、乘、除等运算。C++中可借助std::pair表示分数，或自定义结构体并重载运算符。 计算行列式的函数实现上，3×3及以下矩阵可直接按定义计算，更大矩阵可采用Laplace展开或高斯 - 约旦消元法。Laplace展开是沿某行或列展开，将矩阵分解为多个小矩阵的行列式乘积，再递归计算。在处理分数输出时，需注意避免无限循环和除零错误，如在分数运算前先约简，确保分子分母互质，且所有计算基于整数进行，最后再转为浮点数，以避免浮点数误差。 为提升代码可读性和可维护性，建议采用面向对象编程，将矩阵类和分数类封装，每个类有明确功能和接口，便于后续扩展如矩阵求逆、计算特征值等功能。 总结C++实现行列式计算的关键步骤：一是定义矩阵类和分数类；二是实现矩阵基本操作；三是设计行列式计算函数；四是用分数类处理精确计算；五是编写测试用例验证程序正确性。通过这些步骤，可构建一个高效准确的行列式计算程序，支持分数形式计算，为C++编程和线性代数应用奠定基础。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值