[Saas-export project]--page structure



Main main page analysis

Insert picture description here

(1) Page structure

  • header
  • footer
  • left_menu
  • The content area iframe is
    combined with the include tag
    Insert picture description here

(2) iframe tag

  • a tag reads the content of href
  • target gives content to iframe
  • iframe display content
<!-- 内容区域 -->
            <div class="content-wrapper">
                <iframe id="iframe" name="iframe"
                        scrolling="auto"
                frameborder="no" height="100%" width="100%"
                src="home.do"></iframe>
    </div>
    <!-- 内容区域 /-->

Deploy the UI of the export project

(1) Copy the content of the project page in the profile to the webapp

Insert picture description here
The copied directory:
Insert picture description here

(2) Set the project path ${path} to redeploy

Which pages use the style, and in which pages modify the path

For example: main.jsp
Insert picture description here

(3) The content under WEB-INF cannot be accessed directly, you can use the controller method to access

The access addresses are [company/toAdd.do] [company/toList.do]

Insert picture description here

(4) web.xml set home page

web.xml configuration automatically opens the page

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引入有问题

Guess you like

Origin blog.csdn.net/qq_41209886/article/details/109296740