多语言展示
当前在线:204今日阅读:113今日分享:31

js模块化开发教程

js模块化开发教程,下面以表单模块为例
工具/原料
1

电脑

2

HBuilderX

方法/步骤
1

使用鼠标点击打开HBuilderX软件,如图所示:

2

然后点击菜单栏文件--->新建--->项目,如图所示:

3

然后输入项目名称,选择创建基本的HTML项目,在点击创建按钮,如图所示:

4

项目创建完成之后,引入layui框架开发包,然后在html文件中键入完整代码:    表单模块 - layui                  

 
       
         
 
 
       
         
 
 
       
         
 
 
       
         
 
 
       
         
   
请务必填写用户名
 
 
   
           
             
     
-
     
             
   
   
           
             
   
   
           
             
   
 
   
       
         
 
   
       
         
 
   
       
                     
 
 
       
                     
 
 
       
         
 
 
       
               
 
 
       
                     
 
 
       
                     
 
 
       
         
 
 
   
               
 
 


    
               
 

5

键入代码完成之后,点击运行--->浏览器运行,如图所示:

6

然后在浏览器查看表单模块的运行效果,

注意事项
1

总结:

2

1、打开HBuilderX软件,新建一个基本的HTML项目

3

2、引入layui框架的模块化开发包

4

3、在html文件中键入表单模块的完整代码

5

4、点击运行--浏览器运行

6

5、在浏览器中查看表单模块的效果

推荐信息