bootstrap风格框架开发说明——信息展示页面

页面效果如图:

image

除基本库以外,需要引用的文件:

  • default.css
  • bootstrap-extends.js

以上两个文件,封装了若干页面控件,通过这些控件的组合,实现原型图中的页面效果。为了保证页面风格的统一,尽量不要自己定义样式,必要的时候先定义通用样式再在页面中使用。

页面标题

<div class=”page-header”>

<h1>您好:xxx <small>当前日期:2012年8月1日星期一 农历八月十五(<strong>中秋节快乐</strong>)</small></h1>

</div>

class=page-header的div中,使用h1标签定义标题内容,使用small标签定义副标题内容,以上html代码的效果为:

image

段落

<section class=”info-section” id=”work” data-title=”工作概览”>

</section>

使用html5标签section,通过data-title属性定义段落的标题。在section标签中,可以该段落的实际内容。以上代码的效果为:

image

内容组

<div class=”span6 field-group” data-title=”今日工作”>

<p>

<span class=”btn-group”>

<button class=”btn”>按钮组1</button>

<button class=”btn”>按钮组2</button>

<button class=”btn”>按钮组3</button>

</span>

</p>

<p>文字内容(其中<span class=”label label-warning”>3名</span>必须于今日内完成) <a href=”###“>查看详情</a></p>

<p>文字内容 <a href=”###“>查看详情</a></p>

<p>文字内容 <a href=”###“>查看详情</a></p>

</div>

使用class为field-group的div包含详细内容,data-title属性指定标题。该div可以使用需要的其他属性,如包含在row内的时候,可以使用spann属性定义大小。在div内部,可以使用p标签包含具体内容,也可以使用表格、超链接等元素,与一般的html的用法相同。

由于已经定义了该div的标题样式和背景样式,因此不需要使用class=well控制背景色。

说明

示例代码可以参考已有的代码。理想情况下,页面中应该只包含业务信息和各元素的class、id等属性,即强调代码的语义含义,弱化代码的样式含义。实际中可能做不到理想情况,但要尽量减少页面中的样式信息。

具体的显示样式在公共的css和js中定义。示例页面中的边框、背景、分割线都是由公共代码自动添加的,这样做的好处是,如果想把灰色风格改变为蓝色风格,不需要改动具体页面的代码,或改动量非常小。

自编作坊程序员面试题

 

一、简述题:

任选3题,面试官指定1题作答,有1次换题机会,口述回答(5分钟准备,5分钟作答)

另外自选1题笔答。或由面试官指定一题笔答,允许上网查询资料。(15分钟以内)

l? Java&JavaWeb:

1、对面向对象的理解(提示:含义、特征、与面向过程的区别)

2、struts2或其他mvc框架与servlet的区别,优劣点如何

3、举出三个以上Java容器类,并写明应用场景

4、抽象类和接口的区别

5、redirect和forward的区别

6、使用配置文件和注解进行配置的优劣理解

7、在人人网(www.renren.com)中点击一篇日志,url为:http://blog.renren.com/share/84463276/14252290961?from=0101010202&ref=hotnewsfeed&sfet=102&fin=3&ff_id=84463276? 点击之后,页面显示了这篇日志的内容。在技术层面描述这个过程。(提示:第一步,浏览器向服务器提交了http请求,内容为:xxx)

l? Html&Js

1、对Html语义化的看法

2、对table布局和div布局优劣的看法

3、js验证和后台验证的适用场景

4、对js闭包的理解

5、对html5和css3的了解

6、id和class的适用范围

7、列举两种以上流行浏览器(同一浏览器不同版本也可以)性能和html、js解析逻辑的差别

l? 数据库:

1、列举两种以上流行的数据库,说出他们在sql语法上的任意一点差别,谈谈对其应有范围的理解

2、对Hibernate或ibatis的理解,优势和劣势各是什么

3、列举两种以上数据库中可以存储字符串的数据类型,并说出它们的差别和适用范围

4、列举两种以上Mysql数据库的存储引擎,并说出它们各自的适用范围

5、采用任意一种流行数据库,设计数据库结构满足以下需求,写出sql:

销售员工信息(姓名、性别、出生年月、入职时间),员工分为组长和普通员工两种。

每个销售项目(名称、项目开始日期、结束日期、总金额、当前进度,项目情况)由一名组长和若干名员工负责,不同的项目的有不同的项目情况,如售楼项目有楼楼盘地址、面积,工程项目有监理单位名称,招标单位名称等

l? 杂项:

1、谈谈对软件配置管理(SCM)的理解

2、软件公司有不同的软件项目,每个项目存有若干文档(500个文件左右),2~3份源代码目录(2000个文件左右)。公司成员有10人,其中5人处于同一场所,另外5人分布在天津市区、广州、新加坡。设计一套最优化的文件共享方案,使大家可以协同开发。

3、谈谈你对svn和git的优劣理解

二、业务理解题:

任选一题,笔答(10分钟以内)

1、阅读某行政审批制度,设计一套相应的电子办公系统,描述其功能

2、任选一家电子邮箱网站,为只具有计算机基础操作知识的人写一份使用说明书,从注册开始,描述如何给lzmgzyx@gmail.com发送一份简历

三、项目管理题:

笔答(10分钟以内)

某公司要开发一款员工档案管理系统,如果由你负责这个项目,你将如何安排项目的人员、进程?

四、程序设计题:

可以选择上机、手写代码或描述流程。(30分钟以内)

在html页中设置三个input,每个input输入一个数字,点击提交按钮之后,将数据提交到后台,经过计算之后,在新页面中显示这三个数的和

提高(可任选若干项实现,也可以实现):

1、验证输入必须为数字,否则不允许提交

2、如果输入的为三个相同的数字,不允许提交

3、新页面中按照数字顺序由小到大显示:【数字1】+【数字2】+【数字3】=总和

4、支持数字大于9223372036854775807的输入

5、支持形如:123,456,789带有分割符号的数字输入

6、支持前台只写一个input,用标点符号分割,后台程序效果不变,如输入1;2;3,显示6

7、在google网站(www.google.com)的搜索框中输入1+1+1,搜索结果的最上方会显示Google计算机的计算结果。考虑利用这一工具实现上述的功能

bootstrap风格框架开发说明——首页菜单

image

现共支持2级菜单,数据结构如下:

一级菜单:

  • name:显示的中文名称
  • children:数组,每个元素表示二级菜单

二级菜单:

  • name:显示的中文名称
  • url:点击之后,刷新iframe的地址
  • icon:显示的图标,使用bootstrap官网上介绍的第三方图标插件。为空时默认为”tasks”

bootstrap风格框架开发说明——表格式表单

样式示例:

image

主要用于满足以下需求:

需要用表格布局的表单,如需要每行字段个数一致,但具体个数不能确定,因此无法使用统一的css样式。

form的class指定为“form-table”,具体的样式定义在default.css中。

表单内容需要分节时,节标题使用<legend>标签。

每一节使用一个table,不指定任何样式元素,用tr和td排版即可

 

===

很多人都要demo,补个链接吧

软件作坊需要什么样的技术框架

带团队做项目也有三年多的时间了,期间一直在琢磨,到底什么才是适合我们这种作坊式的团队,也做了不少尝试。

既然是作坊式的团队,第一个特点必然是水平参差不齐,并且是在低水平上的参差不齐。能凑齐一支全是科班出身的队伍已然不易,更别说对什么范式、设计模式的理解,有些东西对于有些人来说,确实是怎么都不能接受的。

然后,作坊式的团队必然是个铁打的营盘流水的兵,人走人留,并不以主观意识为转移。尽管想尽了各种办法想凑一支稳定的队伍,但短期来看,仍是个不可达成的目标。

从以上两点出发,技术框架最基本的要求就是:1、使用简单,2、做任何事情都有规范。

如果抛弃人性化,仅从产出效率的角度看,一个有明确使用规范的框架要优于一个仅追求减少代码量的框架。即便一个简单的CRUD操作都需要数十行代码实现,只要有文档有示例,开发效率都是可以一直上升直到一个很高的值的。相比之下,通过一些只有少数人能理解的代码技巧将代码量减少,反而会降低开发效率。

总而言之一句话,将各种hack技巧封装到一个黑盒中,竭尽全力将此之外的事情变为体力劳动,进而可以做到用廉价劳动力弥补工期的不足。

1个技术强人+n个新手的团队,开发模式可以总结如下:

发现新需求-》技术强人找到解决方案,写成示例代码-》新手通过ctrl+c、ctrl+v的方式模仿-》技术强人通过大量的“垃圾代码”提炼封装方案并实施-》新手通过简单调用实现该功能-》择机重构代码

niblog重新开张

拿windows server03架的服务器,自从开机那一天起,就不停的遇到各种攻击,虽说在攻击的过程中,我学会了几招并且成功运用于攻击另一台烂透了的windows server 03,但时间长了还是受不了换了个Linux。折腾了若干天之后,才又把这个没人访问的wordpress架了起来。

其实折腾了这么长时间,倒是也想明白了,菜鸟管理Linux,并不能提高安全性,唯一的好处就是,不知道怎么看日志的情况下,有了攻击我也不知道……