📌  相关文章
📜  Framework7安装

📅  最后修改于: 2021-01-02 05:41:17             🧑  作者: Mango

Framework7安装

下载Framework7

有两种下载Framework7的方法：

从Framework7 Github存储库下载：

或者，您可以通过Bower安装Framework7：

bower install framework7

从CDN下载Framework7库

CDN或内容交付网络是旨在将文件提供给用户的服务器网络。如果您在网页中使用CDN链接，则将托管文件的责任从您自己的服务器移到了一系列外部服务器上。这也提供了一个优势，即如果您的网页的访问者已经从同一CDN下载了Framework7的副本，则不必重新下载它。您可以将以下CDN文件包括在HTML文档中。

CDN for iOS App布局：

Framework7 iOS CSS库：

适用于Android /材料应用布局的CDN：

Framework7 JS库：

Ampps服务器

我们使用AMPPS(AMPPS是Apache，MySQL，MongoDB，PHP，Perl和Python的WAMP，MAMP和LAMP堆栈)服务器来执行我们的所有示例。

在下载/安装的软件包中，我们需要dist /文件夹中的文件。

Dist文件夹路径：

默认情况下dist /文件夹路径为：C：\ Program Files(x86)\ Ampps \ www \ dist

将HTML，.JS和CSS文件放入服务器根文件夹(dist文件夹)，打开本地主机，然后运行页面。

例：

创建具有以下代码的HTML页面“ framework7_environment.html”：



   
   
      
      
      
      My App
      
      
   
   
   
      //you can control the background color of the Status bar
      

      

      
      

         

            
Contents goes here...

         

      

      
      

         

            

               

                  
My App

                  

                     
                        
                     
                  

               

            

            
            

               

                  

                     
This is simple application...

                     

                        
                     

                  

               

            

            
            

               

                  First Link
                  Second Link

创建另一个具有以下代码的HTML页面“ envirmnt_about.html”：

.


   

      

         
            
            Back
         
      

      
      
My Blog

      

         
            
         
      

   






   

      

         

            
My Blog

            
Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
            Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
            when an unknown printer took a galley of type and scrambled it to make a type specimen book.

将以上两个页面保存在dist文件夹中。现在打开服务器： http：// localhost / dist /并运行示例。