Python智能语音识别语翻译平台｜项目前端搭建

 HTML，JavaScript等技术的应用。

01、任务实现步骤

任务描述：本任务利用HTML和JavaScript等搭建智能语音识别与翻译平台的前端页面，包括index.htm、base.htm前端网页模板的编写以及错误页面404.htm的编写。

第一步：编写base.htm。base.htm用来调用项目外部static文件中的css、js、scss、html等配置文件，核心代码如下所示。

  

      
      < a href="/" class="brand-link navbar-cyan">
      
      identification tool 
    
      

      
      < a href="#">
        

            

                 
            
            

              
Python
               埋头苦干中  
            
          
        
      
          {% include "home/slide.htm" %}
       
  


 

{% block content-header %}

     

        

          

              {% block module-title %}{% endblock %}
          
            
          

            

                {% block breadcrumb %}{% endblock %}
             
          
        
      
  

 第二步：搭建index.htm来展示网站网页所有的显示界面，核心代码如下所示。

  
              

                

                  
 功能 
                  

                    
                    
Voice File --> 

                    
identification Text --> 

                    
Translation and reading --> 

                  

                

                

                  

                    

                      

                        

                          
                          
                          

                          
                              
                              
                            
                          
                         
                      
                     
                      {% csrf_token %}     
                    
                    

                      

                        

                          
                            
                        
 

 第三步：编写错误视图404.htm，来展示当网站访问到死链接或不存在的网址时，Web服务器便会把这个页面展示出来，核心代码如下所示。

    
    


    {你访问的页面不存在！！！请重新访问}