【Saas-export项目】--页面结构



main主页面分析

在这里插入图片描述

(1)页面结构

  • header
  • footer
  • left_menu
  • 内容区域iframe
    使用include标签合在一起
    在这里插入图片描述

(2)iframe标签

  • a标签读href的内容
  • target将内容给iframe
  • iframe显示内容
<!-- 内容区域 -->
            <div class="content-wrapper">
                <iframe id="iframe" name="iframe"
                        scrolling="auto"
                frameborder="no" height="100%" width="100%"
                src="home.do"></iframe>
    </div>
    <!-- 内容区域 /-->

部署export项目的UI

(1)将资料里面的项目页面的内容复制到webapp下面

在这里插入图片描述
复制后的目录:
在这里插入图片描述

(2)设置项目路径${path} 重新部署

哪些页面用到了样式,在哪些页面中修改路径

比如:main.jsp
在这里插入图片描述

(3)WEB-INF下的内容不能直接访问,可以使用控制器方法访问

访问地址分别为【company/toAdd.do 】 【company/toList.do】

在这里插入图片描述

(4)web.xml设置主页

web.xml配置自动打开页面

HomeController.java

  • (src\main\java\com\smp\web\controller\home)
//交给springmvc
@Controller
@RequestMapping("/home")
public class HomeController {
    
    
    //主要是负责打开页面的,没有逻辑
    @RequestMapping(path="/toMain",method = RequestMethod.GET)
    public String toMain(){
    
    
        return "home/main";
    }
}

web.xml

<welcome-file-list>
    <welcome-file>home/toMain.do</welcome-file>
  </welcome-file-list>

如果页面杂乱,一定是css没有引入有问题 点击有问题,是js引入有问题 图片显示不正常,是img引入有问题

猜你喜欢

转载自blog.csdn.net/qq_41209886/article/details/109296740
今日推荐