Giter Club home page Giter Club logo

FrontEnd

这些代码已经写成thymeleaf模板的形式,可以被thymeleaf直接使用。

代码库中还包含了一些资源文件。

启动方式

将template文件夹复制到测试用服务器的 /movietimes/src/main/webapp/WEB-INF 目录下

在movieTimes文件夹根目录下执行以下命令:
jetty:run

在浏览器中打开 http://localhost:8080/

目录结构

  • /templates:存放各页面.html模板文件
  • /templates/css:放置各页面对应的css文件
  • /templates/js:放置各页面对应的javascript文件
  • /templates/images:放置各页面对应的图片资源文件

使用技术

jQuery

为bootstrap提供依赖,简化代码编写。
主页:http://jquery.com/

Bootstrap

主要用于提供一些风格良好的定制组件、提供栅格布局系统。 主页:http://v3.bootcss.com/

lodash

简化代码编写。 主页:https://lodash.com/

Thymeleaf

模板引擎。 允许我们在页面中设置由服务端指定的变量。允许通过循环/选择等结构性方法输出页面元素。 主页:http://www.thymeleaf.org/

注意事项

代码正确

请使用Web课学过的HTML ValidatorCSS Validator检验代码正确性,保证commit的代码没有错误,且页面运行时Chrome console没有error。

代码规范

遵守HTML和CSS规范ES6规范

兼容性

请首先保证commit的内容在最新版本的Chrome下显示正常。此外在最后整合时还需要检查Edge、Firefox等主流浏览器的兼容性。

License

See the LICENSE file for license rights and limitations.

titimovie's Projects

allend icon allend

软件综合项目(1.0完整版): 天天购票系统项目是使用Java Web技术开发的一个简单的电影购票系统, 包括用户注册、登录、选座、挑选电影、购票,还有用户管理,影院管理, 移动支付,基于LBS服务等功能。满足大众消费者对电影购票的需求。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.