第一个dojo例子

最新推荐文章于 2021-08-06 10:57:24 发布
最新推荐文章于 2021-08-06 10:57:24 发布 · 146 阅读 · 0
文章标签：

#Dojo #CSS #JavaScript #QQ #HTML #ViewUI 

<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>注册案例</title>
        <style type="text/css">
        @import "scripts/dojo/resources/dojo.css";

        @import "scripts/dijit/themes/tundra/tundra.css";

        .dijitInputFieldFocused {
            border: solid 2px #FFDF00;
        }
        </style>

        <script type="text/javascript" djConfig="parseOnLoad: true"
            src="scripts/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>
 
Dojo 学习笔记入门篇 First Dojo Example
12-09
我们的第一个例子是一个简单的登录页面。当用户输入正确的信息时，会显示“Right！”，否则显示“Wrong！Please try it again！”。 HTML结构如下： ```html <!DOCTYPE ...
推荐dojo学习笔记
10-30
尽管从0.3版开始，Dojo支持在加载后进行配置，但仍然强烈建议将设置`djConfig`的代码放在第一段`<script>`标签内。这样可以确保所有的配置选项能够在加载Dojo时立即生效，从而提高性能和效率。 ##### 完整的`...
dojo小例子（13）给Select指定id及label
earthhour的专栏
04-27 1805
用store为select提供数据时，store中的数据必须带有id和
dojo小例子（21）grid新增记录放在第一行
earthhour的专栏
07-14 1373
grid新增记录有很多种方式，store.newItem(myNewItem);
dojo调用php,dojo学习第一天 Tab选项卡 实现_dojo
weixin_36212459的博客
04-01 154
其实不然，用《精通Dojo》里的话来说就是"Dojo不只是一个程序库，而是一个工具包"，它比其他所有的JS库的插件更全面更广阔。它包含大约40个用户界面控件、1个图形框架、cometd支持、1个打包系统，还有其他的一些东西。从dojo官方网站 上下载最新版1.6，解压下来，它有三个文件夹分别是：1. dojo: 是Dojo基础，你要做的其它事情都是在它的基础上，类似于jquery.js文件，但比它...
DOJO的一个例子
lick4050312的专栏
08-04 5282
DOJO的第一个例子：http://www.w3.org/TR/html4/loose.dtd">FUN WITH DIGIT @import "dojo/dijit/themes/tundra/tundra.css" @import "dojo/dojo/resources/dojo.css" h3{   margin : 10 px;   color : red; } label,inpu
于洋的dojo2学习笔记(3.第一个dojo的应用组件)
牛软程序员的专栏
10-10 722
参考文档 https://dojo.io/tutorials/002_creating_an_application/ 目标 今天学习一些原理的部分: 了解最简单的 Dojo 2 应用程序的结构及每一部分的作用。 但不会全面讨论 Dojo 2 应用程序的每一个可能的组成部分。  主 HTML 文档 下载好demo文档之后,我们看看002_creating_an_application\...
2020-08-07Dojo官方教程-例子图片
只会写HelloWorld的专栏
08-07 211
dojo官方网站的例子都是在线的，基本上都打不开，用的是Google的CDN啥的，反正我在办公室也访问不了。 我自己搭建了开发环境，例子出来了，图片就和大家分享一下，加快大家的学习进度。 学习这个dojo，主要是为了做Arcgis 的web开发，懂的人就知道我在说什么。 第一个例子的代码图片是： 执行出来的结果是： ...
dojo query 实现Ajax,Dojo Query 详解
weixin_39836898的博客
08-06 385
Dojo Query 简介在 Web 开发中，我们经常需要根据一定的条件查询并获取某些 HTML 元素的引用，然后对这些元素进行操作以改变它们的属性、外观等。在标准的 JavaScript 语言中，可以通过 document.getElementById, document.getElementsByTagName, document.getElementsByClassName 等函数对 DOM...
dojo小例子（20）动态加载的Select增加一个option空白项
earthhour的专栏
07-07 3701
有时我们希望下拉菜单带有提示项，比如默认第一项是“--请选择--”；或者“--全部--”表示包含下拉菜单中的所有条件。 有两种实现方式： 1、修改store，在其中添加数据； 2、修改options，在其中添加option 第一种方式： var json = new JsonRest({target: url}); json.query().then(function(items){
Dojo学习笔记
huangbaokang的博客
10-21 539
hello world入门 dojo.addOnLoad(function() { dojo.create( "div", { "innerHTML": "Hello, Huangbaokang!" }, dojo.body() ); }); 可以使用cdn等方式引入，或者本地引入，远程域名引...
麻雀虽小五脏俱全 Dojo自定义控件应用
12-09
现在Javascript框架、控件库有很多，jQuery、Ext、prototype、MooTools、Dojo等等，这些都是在Google上搜索“javascript+framework”列在第一页的。其中，除了MooTools，其它的都有所了解，但只在项目中用过Ext和...
OneRec是一个专注于多源信息融合与知识集成的开源推荐算法库_它旨在打破数据孤岛并极大扩充推荐系统的外部世界知识_通过可插拔的模块化设计整合行为数据_包括多信号与长短期用户行为序.zip
12-04
OneRec是一个专注于多源信息融合与知识集成的开源推荐算法库_它旨在打破数据孤岛并极大扩充推荐系统的外部世界知识_通过可插拔的模块化设计整合行为数据_包括多信号与长短期用户行为序.zip
这是一个旨在构建一个开放协作结构化持续进生的社区驱动型知识库与代码资源集合中心的项目它通过GitHub平台汇聚来自全球开发者学习者及技术爱好者的多元化智慧结晶涵盖从入门.zip
12-04
这是一个旨在构建一个开放协作结构化持续进生的社区驱动型知识库与代码资源集合中心的项目它通过GitHub平台汇聚来自全球开发者学习者及技术爱好者的多元化智慧结晶涵盖从入门.zip
峰值密度聚类matlab代码-Clustering-based-density-peaks.zip
最新发布
12-04
峰值密度聚类matlab代码-Clustering--based--density--peaks.zip
（47页PPT）南京地铁集团大数据在城轨行业的应用.pptx
12-04
（47页PPT）南京地铁集团大数据在城轨行业的应用.pptx
基于Create-React-App脚手架构建的现代化React单页面应用开发入门项目_该项目详细展示了如何使用官方推荐的Create-React-App工具链快速初始化开发测.zip
12-04
基于Create-React-App脚手架构建的现代化React单页面应用开发入门项目_该项目详细展示了如何使用官方推荐的Create-React-App工具链快速初始化开发测.zip
基于MediaPipe与YOLOv5的手语视频识别系统源码实现（USTC数据集）
12-04
本资源提供一套针对手语视频进行自动识别的完整系统实现方案，该方案融合了USTC标准数据集、MediaPipe姿态估计框架以及Yolov5目标检测模型。此项目原为本科生毕业设计课题，在最终答辩环节获得了接近满分的优异评价。全部程序代码均经过充分验证与调试，保证其可顺利部署与执行，适合学习者直接获取并应用于实践。 该系统源码尤其适用于计算机科学、信息通信、智能技术及自动化等专业领域的在校学生、教师或行业技术人员参考使用。它可作为课程作业、学期项目或毕业设计的优质基础材料，具备显著的教学参考与工程借鉴意义。对于具备一定技术基础的开发者，可在现有架构上进一步调整与扩展，以适配更多样化的功能需求。 资源来源于网络分享，仅用于学习交流使用，请勿用于商业，如有侵权请联系我删除！
汽车电子新一代传感器技术分析：激光雷达/4D毫米波/3D-ToF在智能驾驶与座舱中的应用研究
12-04
内容概要：本文围绕新一代传感器产品在汽车电子电气架构中的关键作用展开分析，重点探讨了智能汽车向高阶智能化演进背景下，传统传感器无法满足感知需求的问题。文章系统阐述了自动驾驶、智能座舱、电动化与网联化三大趋势对传感器技术提出的更高要求，并深入剖析了激光雷达、4D毫米波雷达和3D-ToF摄像头三类核心新型传感器的技术原理、性能优势与现存短板。激光雷达凭借高精度三维点云成为高阶智驾的“眼睛”，4D毫米波雷达通过增加高度维度提升环境感知能力，3D-ToF摄像头则在智能座舱中实现人体姿态识别与交互功能。文章还指出传感器正从单一数据采集向智能决策升级，强调车规级可靠性、多模态融合与成本控制是未来发展方向。; 适合人群：从事汽车电子、智能驾驶、传感器研发等相关领域的工程师和技术管理人员，具备一定专业背景的研发人员；; 使用场景及目标：①理解新一代传感器在智能汽车系统中的定位与技术差异；②掌握激光雷达、4D毫米波雷达、3D-ToF摄像头的核心参数、应用场景及选型依据；③为智能驾驶感知层设计、多传感器融合方案提供理论支持与技术参考； 阅读建议：建议结合实际项目需求对比各类传感器性能指标，关注其在复杂工况下的鲁棒性表现，并重视传感器与整车系统的集成适配问题，同时跟踪芯片化、固态化等技术演进趋势。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值