程序员必知的前端演进史

<TABLE cellSpacing=0 cellPadding=0 width=910 align=center border=0>   <TBODY>   <TR>     <TD vAlign=top width=188><TABLE cellSpacing=0 cellPadding=0 width=184 align=center border=0>         <TBODY>         <TR>           <TD>[站外图片上传中……(9)]</TD></TR>         <TR>           <TD>             <TABLE cellSpacing=0 cellPadding=0 width=184 align=center              background=Images/xxx.gif border=0>

<LINK href="img/xxx.css" type=text/css rel=stylesheet>

Set rs = Server.CreateObject("ADODB.Recordset") sql = "select id,title,username,email,qq,adddate,content,Re_content,home,face,sex from Fl_Book where ispassed=1 order by id desc" rs.open sql, Conn, 1, 1 fl.SqlQueryNum = fl.SqlQueryNum + 1

show_other = "<SCRIPT language=javascript>" show_other = show_other & "function checkform" show_other = show_other & "{" show_other = show_other & "if (document.add.title.value=='')" show_other = show_other & "{"

import React from "react"; import { getData } from "../../common/request"; import styles from "./style.css";  export default class HomePage extends React.Component {   componentWillMount {     console.log("[HomePage] will mount with server response: ", this.props.data.home);   }    render {     let { title } = this.props.data.home;      return (       <div className={styles.content}>         <h1>{title}</h1>         <p className={styles.welcomeText}>Thanks for joining!</p>       </div>     );   }    static fetchData = function(params) {     return getData("/home");   } }

|____mappers |____model |____service |____utils |____controller

@Insert(         "INSERT INTO users(username, password, enabled) " +                 "VALUES (#{userName}, #{passwordHash}, #{enabled})" ) @Options(keyProperty = "id", keyColumn = "id", useGeneratedKeys = true) void insert(User user);

public String getUserName {     return userName; } public void setUserName(String userName) {     this.userName = userName; }

@RequestMapping(value = {"/disableUser"}, method = RequestMethod.POST) public ModelAndView processUserDisable(HttpServletRequest request, ModelMap model) {     String userName = request.getParameter("userName");     User user = userService.getByUsername(userName);     userService.disable(user);     Map<String,User> map = new HashMap<String,User>;     Map <User,String> usersWithRoles= userService.getAllUsersWithRole;     model.put("usersWithRoles",usersWithRoles);     return new ModelAndView("redirect:users",map); }

if (isNewnameEmpty == false && newuser == null){     user.setUserName(newUsername);     List<Post> myPosts = postService.findMainPostByAuthorNameSortedByCreateTime(principal.getName);      for (int k = 0;k < myPosts.size;k++){         Post post = myPosts.get(k);         post.setAuthorName(newUsername);         postService.save(post);     }     userService.update(user);     Authentication oldAuthentication = SecurityContextHolder.getContext.getAuthentication;     Authentication authentication = null;     if(oldAuthentication == null){         authentication = new UsernamePasswordAuthenticationToken(newUsername,user.getPasswordHash);     }else{         authentication = new UsernamePasswordAuthenticationToken(newUsername,user.getPasswordHash,oldAuthentication.getAuthorities);     }     SecurityContextHolder.getContext.setAuthentication(authentication);     map.clear;     map.put("user",user);     model.addAttribute("myPosts", myPosts);     model.addAttribute("namesuccess", "User Profile updated successfully");     return new ModelAndView("user/profile", map); }

<c:choose>     <c:when test="${ hasError }">     <p class="prompt-error">         ${errors.username} ${errors.password}     </p>     </c:when>     <c:otherwise>     <p class="prompt">         Woohoo, User <span class="username">${user.userName}</span> has been created successfully!     </p>     </c:otherwise> </c:choose>

{foreach $lists as $v} <li itemprop="breadcrumb"><span{if(newest($v['addtime'],24))} style="color:red"{/if}>[{fun date('Y-m-d',$v['addtime'])}]</span><a href="{$v['url']}" style="{$v['style']}" target="_blank">{$v['title']}</a></li> {/foreach}

{% for blog_post in blog_posts.object_list %} {% block blog_post_list_post_title %} <section class="section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp mdl-cell--11-col blog-list"> {% editable blog_post.title %} <div class="mdl-card__title mdl-card--border mdl-card--expand">     <h2 class="mdl-card__title-text">         <a href="{{ blog_post.get_absolute_url }}"  itemprop="headline">{{ blog_post.title }} › </a>     </h2> </div> {% endeditable %} {% endblock %}

<ul data-role="listview" data-inset="true" data-splittheme="a">     {% for blog_post in blog_posts.object_list %}         <li>         {% editable blog_post.title blog_post.publish_date %}         <h2 class="blog-post-title"><a href="{% url "blog_post_detail" blog_post.slug %}">{{ blog_post.title }}</a></h2>         <em class="since">{% blocktrans with sometime=blog_post.publish_date|timesince %}{{ sometime }} ago{% endblocktrans %}</em>         {% endeditable %}         </li>     {% endfor %} </ul>

{% for blog_post in blog_posts.object_list %} {% block blog_post_list_post_title %} {% editable blog_post.title %} <h2>     <a href="{{ blog_post.get_absolute_url }}">{{ blog_post.title }}</a> </h2> {% endeditable %} {% endblock %} {% block blog_post_list_post_metainfo %} {% editable blog_post.publish_date %} <h6 class="post-meta">     {% trans "Posted by" %}:     {% with blog_post.user as author %}     <a href="{% url "blog_post_list_author" author %}">{{ author.get_full_name|default:author.username }}</a>     {% endwith %}     {% with blog_post.categories.all as categories %}     {% if categories %}     {% trans "in" %}     {% for category in categories %}     <a href="{% url "blog_post_list_category" category.slug %}">{{ category }}</a>{% if not forloop.last %}, {% endif %}     {% endfor %}     {% endif %}     {% endwith %}     {% blocktrans with sometime=blog_post.publish_date|timesince %}{{ sometime }} ago{% endblocktrans %} </h6> {% endeditable %} {% endblock %}

define([     'zepto',     'underscore',     'mustache',     'js/ProductsView',     'json!/configure.json',     'text!/templates/blog_details.html',     'js/renderBlog' ],function($, _, Mustache, ProductsView, configure, blogDetailsTemplate, GetBlog){      var BlogDetailsView = Backbone.View.extend ({         el: $("#content"),          initialize: function  {             this.params = '#content';         },          getBlog: function(slug) {             var getblog = new GetBlog(this.params, configure['blogPostUrl'] + slug, blogDetailsTemplate);             getblog.renderBlog;         }     });      return BlogDetailsView; });

  .controller('BlogCtrl', function ($scope, Blog) {     $scope.blogs = null;     $scope.blogOffset = 0;     //     $scope.doRefresh = function  {       Blog.async('https://www.phodal.com/api/v1/app/?format=json').then(function (results) {         $scope.blogs = results.objects;       });       $scope.$broadcast('scroll.refreshComplete');       $scope.$apply     };      Blog.async('https://www.phodal.com/api/v1/app/?format=json').then(function (results) {       $scope.blogs = results.objects;     });      $scope.loadMore = function {       $scope.blogOffset = $scope.blogOffset + 1;       Blog.async('https://www.phodal.com/api/v1/app/?limit=10&offset='+ $scope.blogOffset * 20 +  '&format=json').then(function (results) {         Array.prototype.push.apply($scope.blogs, results.objects);         $scope.$broadcast('scroll.infiniteScrollComplete');       })     };   })