custom web design

5 steps to optimize your blog

Sat, 20 Aug 2011 22:44:23 +0000

Optimization and maintenance – two pillars on which rests the success of your blog.

Remember, you can write any number of quality posts, but without the internal optimization, they will sink to oblivion the last pages of Google.

The basic optimization rules are simple and few:

Studies of key phrases. Services such as Google Trends and Google Keyword Tool , to help you choose the right keywords for your blog of your subjects. And do not forget to use them.

Optimized titles. Message headers should not only reflect the meaning of the article and be bright and interesting, but also contain key words of the search engines “see” the earliest.

Address the post. It can be configured in the Title “Post Slug”. When you create a post address is assigned automatically, but you can edit it using the key words (within reason).

Tags. One of the most effective and simple tools SEO Tags are a lot of advantages: each tag creates a separate page, and the more of your pages in the index, the more chances to get a decent readership.

Links to posts. Buying and selling – is quite common, though dangerous way to get links. But the most secure – own articles with keywords in the text links.

Online CSS Editors

Sat, 20 Aug 2011 22:33:19 +0000

The most important feature of CSS is that it is designed to part content of a webpage from its image appearance. It provides web designers, the suppleness to change fundamentals of a website similar to Font, color, layout etc at their determination. CSS stands for Cascading Style Sheets. Selection of style sheets can be used with just a particular change in code line.

The entrance of online CSS editors has made it best friend of a web designer. The movement of use online editors has improved quickly because of its advanced features. Most outstandingly, most of the online CSS editors are free, high-speed and user friendly.

Later than many days of investigate and analysis, I contain approach up with best online CSS editors. An only some of them might not be much admired but due to the features they are present, I have integrated them in listing. So have seemed on these and go for the one which suit you greatest.

1) CSSportal It is a easy but very helpful online device. You just have to attach your code there and build change. It also has extra features like image style editor and CSS validator. CSS validator debugs if there are any error in your code.

2) YAML Builder This tool is used for diagram creation of web layouts and it provides you with very simple options. It provides you multiplicity of multicolumn options and navigational features for a web page layout.

3) CSS Frame Generator This tool is just for the reason of editing CSS code. It increases the good organization of your job by speedily editing the code.

4) TS Webeditor It is a highly developed tool with variety of options. It edits CSS next to with extra languages similar to PHP, HTML etc. TS Web editor is very user friendly as it differentiates coding grammar with different colors and gives suggestion while editing code.

5) Sky CSS tool is particularly helpful for basic and those who want to work in a very simple atmosphere. It generates CSS code with reorganized tags. This tool builds a strong base of CSS learners.

6) CSS Mate is helpful for quick CSS editing and creating basic layouts. Basic web layouts can be designed with no trouble using an amount of editing features.

7) CSS Mate If you want to grip full master skill in editing CSS tags and Styles, then PIXY at no cost Browser CSS Editor is the best option for you. It has exclusive and user sociable features

Grid Designer It is most likely the simplest of all CSS Editors, to be used. With the help of easy navigation and chart buttons you can design selection of layouts in unlike grids.

9) Iconico The advantage tip of Iconico is that it gives you the option of editing full code file at once. Preview window below the editor window helps you more for editing CSS code.

JavaScript Photo 3D display space (3DRoom)

Sat, 20 Aug 2011 22:10:10 +0000

General plane effect, by changing the horizontal and vertical coordinates can be achieved, coupled with the depth, we can produce in visual 3D (three dimensional) effect.
Program is to simulate a three-dimensional space, which will be based on three-dimensional coordinates of the image displayed in this space.
Long ago saw a 3DRoom effect is achieved by complex calculations.
In the previous image transformation after studying css3 the transform to think of a more simple way to achieve.
Compatibility: ie6/7/8, firefox 3.6.8, opera 10.6, safari 5.0.1, chrome 5.0
Mid-Autumn Festival is approaching, I wish you Happy Mid-Autumn Festival, round and round!

Effect Preview

3DRoom

Description of the procedures

】【Implementation principle

3D effects of the key is the realization of the depth.
The 3D container as a multi-layers at different depths of space, the size of these layers as the default with the container.
Layer which has a picture of the depth and the depth of each layer changes made under the scaling transformation, generated from the visual depth of difference.
Scaling transformation according to the ratio of the nearest point to 1, the farthest point to 0, and gradually change.
The key is the layer inside the image where the size and layer the same time coordinate transformation must be followed, this very simple by css3 the transform can be achieved.
This image size just set up a good bit longer given the relative level on the line, to avoid changes with depth to constantly adjust the picture size and positioning of trouble.

Loading】【Picture

Initialized in the program, you can call the add method to add pictures.
add method takes two parameters: the address and parameters of the object image, the object will return an image operation.
Operation object contains properties and methods to facilitate the operation of the picture:
img: graphic elements
src: image Address
options: parameter object
show: display image method
remove: remove the image method which options you can set the following properties:
Attribute: The default value / / Description
x: 0, / / horizontal displacement
y: 0, / / vertical displacement
z: 0, / / depth
width: 0, / / width
height: 0, / / height
scaleW: 1, / / width scaling
scaleH: 1 / / height scaling where x, y are the horizontal and vertical coordinates of the displacement parameters of the coordinate origin in the middle bottom of the container, the level of coordinates to the right, the vertical axis upward, the unit is px.
And z is the depth, for the calculation of the proportion of direction from the near point to the origin.
Coordinate system as below:

Image loading is successful, it will perform _load image loader.
First, according to the parameters set Picture Style:

Code img.style.cssText = “position: absolute; border: 0; padding: 0; margin: 0;-ms-interpolation-mode: nearest-neighbor;”
+ “Z-index:” + (99999 – z) + “; width:” + width + “px; height:” + height + “px;”
+ “Left:” + (((clientWidth – width) / 2 + opt.x) / clientWidth * 100). ToFixed (5) + “%;”
+ “Top:” + ((clientHeight – height – opt.y) / clientHeight * 100). ToFixed (5) + “%;”;

Absolute positioning is required, the width and height according to the parameters set on the line.
left and top coordinates calculated based on, here expressed as a percentage of need, followed by further details.
Pictures should be given to increasing the depth of a _z property records to facilitate the call.
Finally, the layer into the corresponding z, and re-display the layer.

】【Layer transformation

Image is loaded, the picture will be inserted with _insertLayer program to the corresponding layer.
_insertLayer two parameters: the picture elements and z depth.
Program with _layers objects to the corresponding z level recorded for the key element.
If the depth has not been created in the layer will automatically create a:

Code layer = document.createElement (“div”);
layer.style.cssText = “position: absolute; border: 0; padding: 0; margin: 0; left: 0; top: 0; visibility: hidden; background: transparent; width:” + this._clientWidth + “px; height: “+ this._clientHeight +” px; “;

Layer coordinates and keep up the container the same size as the picture into the container to define the relative coordinates, so more convenient to use.
_count Attribute will add a record number of pictures layer contains the last inserted into the container and recorded _layers object.
Access layer object, put the picture into layers, and to _count count plus 1.

Then they can display the corresponding _showLayer program based on the depth of the layer.
Program consists of three coordinates of properties: _x, _y, _z, three-dimensional coordinates of the container that the offset.
First of all proportion by _getScale obtained for the depth scale z scale.
Ratio greater than 1, indicating the depth of the back of the visual image, in theory, should not see, so hidden; less than 0, that is too small to see the hidden.

The _x and _y offsets need to be recalculated based on the depth of the program, there are two offset by: far point and near the fixed point fixed.
Far point means a fixed offset with depth plane displacement became smaller, resulting in a fixed point to the farthest point the effect of the direction of movement, a fixed near point to the opposite.
To achieve this effect, as long as the ratio of the displacement offset changes also followed on the line, that distant point with the proportion of fixed offset proportional to the inverse far point is fixed:

var moveScale = this.fixedFar? scale: (1 – scale);

Then these parameters to _show to handle and display the results.

In order to maximize the use of layer elements, the program will remove the program in _remove pictures, no pictures of the layer into the waste layer _invalid collection, in the need to insert a layer, first obtain from the _invalid.

】【Scaling

Has been said above, scaling should be based on the nearest point to 1, the farthest point to 0, and gradually change.
Program default is calculated by the following formula:

function (z) (return 1 – z / 1000;)

But the effect of using this formula to achieve 3DRoom time, you will find the proportion of change is too rapid, not as the3DRoom as stable.

Of the code and found that it uses the original formula is this:

this.r = FL / (FL + (z * Z));

Where FL and Z is a constant to, that formula can be expressed as:

function (z) (return 1 / (1 + z / constant);)

That according to this formula, the depth ratio of 0 to 1, when the ratio of constant depth of 0.5, a depth of infinity, the ratio of 0.

Change effects can refer to the following procedures:

Formula:

It can be seen, the scaling is uniform change in the default formula, but formula is 3DRoom slow down after the first, and gradually slow down, so have that smooth feeling.
That the actual, you can also design their own formula for as long as consistent with changes in the 1 to 0 on the line between.

Model】【css3

There are three scaling transformation program mode: css3, zoom, and base, model to keep up with a similar program structure.
The purpose of scaling transformation is based on the proportion and location of the passed offset, the scaling effect of display, to achieve the final 3D effect.

css3 css3 mode using the transform, has been introduced in the previous transform the matrix to do with scaling and rotation, the two parameters need to do behind the location of transformation.
The last two parameters set the unit to note, in the MDC’s -moz-transform has made it clear:
Gecko (Firefox) accepts a value for tx and ty.
Safari (WebKit) and Opera currently support a unitless for tx and ty.
Mean displacement parameters tx and ty, need to take units in Firefox, and WebKit and Opera only numbers (without units, the default px).
Program units based on browser settings.

Use css3 mode, you can also modify the properties _r arc rotation.
Set to achieve the final transformation matrix:

Code layer.style [css3Transform] = “matrix (“
+ (Cos * scale). ToFixed (5) + “,” + (Sin * scale). ToFixed (5) + “,”
+ (-Sin * scale). ToFixed (5) + “,” + (Cos * scale). ToFixed (5) + “,”
+ Math.round (x) + unit + “,” + Math.round (y) + unit + “)”;

Also note that a problem here, the calculated ratio may be a long decimal character in the fight will go wrong.
For example, the implementation of: alert (0.0000001), will be “1e-7″, js will use this result to fight the character, get the wrong results.
So do numbers and characters in the stitching, the can should be converted to integer integer, decimal, then speak with the toFixed convert it.

】【Zoom mode

ie does not support transform, but there is a zoom style to achieve a similar effect.
The zoom, the size will change, so the need to amend the top left and move to the right place.

In addition ie, webkit (chrome / safari) also supports zoom, but ie6 / 7, ie8 and implementation of webkit is not the same.
Test the following code:

Code
. Inner (width: 100px; height: 100px; position: absolute; background: # 0CF; zoom: 0.5; top: 50px; left: 50px;)
. Inner div (width: 50px; height: 50px; position: absolute; left: 25px; background: # CCC;)

test

In ie6 / 7 to achieve the desired effect, but in webkit shows the location wrong.
The reason is to use zoom, the elements left and the top also with zoom, it would only re-calculated according to the proportion of the line.
Like the example above, as long as the left and the top into a 50/0.5, or 100 to correct.

ie8 even more trouble, which is based on the content of zoom zoom, but the left and the top is the original size.
Troubled by this problem for a long time, and eventually found by using a percentage of the positioning can be resolved, in pictures left and top to use when loading the percentage is for this reason.
For example, in example, the amendments left and top, and to the left innermost div 25% into it.
In ie8 also see a problem in zoom, the content is reduced, the size of the container and internal elements are not changed, but fortunately, this does not affect the display of images, positioning but also with the left and top, avoid trouble.
Also, if the zoom percentage size of the elements set the size of that element will not be scaled according to zoom.

Also note that in the calculation of a problem, mentioned above in webkit and ie8, left and top are divided by the scale needed to fix, when the scale is close to 0 to a certain extent, the result will become Infinity (infinity).
The operation go wrong with Infinity, you need to fix this problem:

left = Math.min (MAX, Math.max (-MAX, left)) | 0;
top = Math.min (MAX, Math.max (-MAX, top)) | 0;

Where MAX is the Number.MAX_VALUE (js can express the maximum number.)

】【Base model

There are all compatible browser base model, with the traditional methods that, according to scaling, calculate and set the size and location of each picture.
Each is displayed, the image inside the calendar all over the floor, and then one by one calculation settings.
Calculations require the original image position and size, will in the first calculation of data stored in the _original properties:

var original = img._original = img._original | | (
width: img.offsetWidth, height: img.offsetHeight,
left: img.offsetLeft, top: img.offsetTop
);

According to scaling as long as the size of the line, in addition to calculate the relative position of the zoom layer plus the relative displacement of the container, the calculation with the zoom mode is the same.
Way to understand the transformation layer, and then not difficult to understand this.

】【ZIndex

In addition to scaling and positioning of the depth, but also before and after a reasonable cover.
Need to cover before and after the zIndex to achieve, you can set the image or layer.
First, the easiest way is to set the layer:

Code
div, img (width: 200px; height: 200px; position: absolute; left: 0; top: 0;)
img (width: 150px; height: 150px;)

To achieve 3D effects can be generally set.
But the hit test, in ff and webkit behind the front will not trigger the trigger, but ie and opera on the front can be triggered.
ps: if the img into div, ie and opera it can not trigger the elements behind the reason is unclear.
Such as the trigger to imagine 3DRoom picture of events can not be in the layer, then set the zIndex.

You can also set the picture:

Code
div, img (width: 200px; height: 200px; position: absolute; left: 0; top: 0;)
img (width: 150px; height: 150px;)

This image can be normal in all browsers trigger, but in ie6 / 7 the effect of cascading failures, and seems ie6 / 7 can only be used in the layer zIndex.
There is also a problem, if a div with the transform:

div (-moz-transform: scale (1);-webkit-transform: scale (1);-o-transform: scale (1);)

ZIndex on the picture that will fail, and that css3 mode to set the zIndex of the only layer.

Summarize:
In css3 is sure to layer settings zIndex, but the picture can not trigger events.
In the zoom and the base model, it should be in the picture set zIndex, but in ie6 / 7 is necessary in the Layer.
This at least in the base model and the image trigger cascading events are normal.

】【MsInterpolationMode

When started, the effect will be the next card in ie8, but this 3DRoom are not card, and finally found a use-ms-interpolation-mode.
This thing in aoao read the article, but did not think can be used here.

In the MSDN there msInterpolationMode description:
Gets or sets the interpolation (resampling) method used to stretch images.
That is used to stretch the image to get or set the interpolation (resampling) method.
It has two values:
nearest-neighbor: neighbor interpolation mode to use.
bicubic: the use of high-quality bicubic interpolation mode.
These terms more professional, we know that using the nearest-neighbor as long as the high efficiency but poor results, while the low efficiency of bicubic effective enough.
Program set it to improve the efficiency of nearest-neighbor, so that ie8 will not be in the cards.

【Drag direction transform / wheel depth of transformation】

Program extends the drag and wheel depth of transformation of visual transformation.
Drag and rolling practices to keep up with a similar approach, where the direction of drag is to achieve the transformation, the wheel is to realize the depth of the transformation.
Mobile is the _x and _y properties by modifying achieved, scaling is achieved by modifying _z.
Modify the show method is called after attributes display.

Tips

】【3DRoom

In 3DRoom effect, because to achieve the picture of the trigger event, so can not use css3 model, because the cascading problems mentioned above.
The above mentioned elements in ie8 zoom size is not change, resulting in the trigger range error, so do not have to zoom mode.
Using the base model would not have a problem.

After clicking the image, the visual will move to the picture above, this post by clicking the image changes according to their own three-dimensional parameter _x / _y / _z to achieve:

img.onclick = function () (
i3D._z =-options.z | 0;
i3D._x =-options.x | 0;
i3D._y = options.y | 0;
i3D.show ();
)

Picture will display a mouseover border, in order to make the picture plus frame shift does not occur after, added a “-1px” the margin, mouseout again when removed.
3DRoom with reference to the effect here is a gap, this paper is the realization of 3D effects and research.

】【Mode

css3 mode stability, and most browsers support, in addition to ie.
zoom mode compatibility is not good, but ie support.
the slowest base, but good compatibility, and there is no bug.
Under normal circumstances should be given priority to use css3 mode, then zoom, the last base, but would like 3DRoom situation as the actual choice.
Design time, ie is intended to use the Matrix filter, but some of the problems found in the development, efficient and low, is not taken into account.

Help

Instantiated, it must have the container as a parameter:

var i3D = new Image3D (container, options);

Add a picture and then call i3D methods:

i3D.add (src, options);

Optional parameter used to set the system default properties, including:
Attribute: The default value / / Description
mode: “css3 | zoom | base”, / / mode
x: 0, / / horizontal offset
y: 0, / / vertical offset
z: 0, / / depth migration values
r: 0, / / rotation angle (css3 support)
fixedFar: false, / / is far from fixed points
getScale: function (z) (return 1 – z / 1000;), / / get ratio method
onError: function (err ){}// implementation error

add optional parameter method has been loaded in the image description.

Also provides the following methods:
add: Add a picture;
show: display;
reset: Reset the default state;
dispose: destruction procedures.

Drag the scroll wheel added depth transform or change the direction of extension, the relevant parameters can be defined by setting the transformation range.

Free wordpress theme 3.1: splendio (psd)

Fri, 19 Aug 2011 09:17:45 +0000

I am pleased to inform you I acquired a single wordpress theme, that’s very gorgeous, this theme produced by vlad and elena. The theme is free to use in both non-public and commercial tasks.

About this template:

Upper element:

Information slider for the specific posts and principal area can contain the material of your latest articles.

Correct aspect:

You will discover overview of newest Content articles and most current tweets and a thing of your website promotion relevant.

Higher right aspect component:

This characteristics demonstrated your most recent feedback of your site and you can also place any promotional widget.

Gallery:

In scenario you desire to showcase your most recent images have an selection over the footer. You can spot widgets like a filker.

Extra:

Shade concept is blue and there you can location your widgets these kinds of as pages, categories and other folks. A comfortable upper component and center portion and robust footer are the specific of this concept…

Download wordpress template:

Demo
Preview
Down load Splendio (Concept + Plugins) (zip, .eight Mb)
Obtain Splendio (Concept + Plugins + PSD Resources) (zip, six.4 Mb)
Download mirror (zip, 6.four Mb)
Release on the developer’s web site

Screen shots :

The footer place.

Primary subject material area.

The feedback place.

Html5/css3 WordPress 3.1+ theme : Yoko

Wed, 17 Aug 2011 08:46:02 +0000

I am pleased to evaluation an additional wordpress theme, referred to as Yoko. I am truly Enjoy yoko designers they are very gifted peoples. Those names are Ellen and Manuel from elmastudio and they are launched for the internet style group. This concept is totally free to use in industrial tasks and non-public also.
Yoko is a fashionable and adaptable wordpress theme with approachable layout, based mostly on css3 media queries, this concept is auto adjusts to diverse display resolution.

Download theme:

The design and style is optimized for huge desktop screens, tablets and mini wise phones. Make your web site a lot more creatures that will be ready you to use your individual emblem, header, qualifications and hyperlink colour also.

live demo
big preview (.png, one.five Mb)
download the package deal (2.2Mb, .zip)
release on the developer’s internet site (with documentation in English and in German)
Documentation PDF file (in English)
Installation Video Tutorials

This concept is released beneath GPL. You can use any sort of jobs for totally free, NO restrictions. You can also adjust your theme if you want.

Concept capabilities:

Theme needs wordpress three.one+

Effectively matched cross browsers (Checked with chrome

HTML5 (with fallback for IE < 9) and CSS3

Approachable layout (css3 media queries, not supported in IE9, You can utilize libraries like reply.js and css3-mediaqueries-js, made it work in older variations of IE.

WordPress publish formats (apart, gallery, picture, video, link and quote)

You can use your very own history, header possibilities and submenu also.

Social media support to promote your rss feed.

Total width page template

You can use google net fonts (droid sans and droid serif)

Feedback with gravatar assist

Added: multiple columns, information bins with 3 colours and highlighted text

Presently offered in English, German and French.

Screen shots:

3-Column-Layout.

Two-Column-Layout.

1-Column-Layout.

Remarks location.

Custom Header.

Post Format Gallery.

Theme Possibilities.

How to make a widget from your Google+ profile

Mon, 15 Aug 2011 15:26:10 +0000

Like other social networks (Facebook, LinkedIn, and many others.), Google + permits you to generate a widget from your profile, as a sort of badge of their details. The novelty is that now commenced to look some plugins directed to him.

The plugin Script Google + Profile + widget, for case in point, permits you to add on your site or your weblog WordPress + Google widget. In it, you will see your photo, a box to include it to the network, and also the possibility to activate the back links for offered networks in your profile.

In Action by stage we will see beneath how to include and create the widget to your internet site or weblog in WordPress:

Stage one. Indication in to your account and download the WordPress plugin on this hyperlink

Phase 2. Extract the files into the Plugins folder (situated within the folder of wp-material root of your web site or blog)

Action three. On the handle panel of your website or web site, permit the plugin Script Profile + Google Widget

Phase four. Widgets menu, drag the plugin to the sidebar panel. Fill in your details:

Googe + ID: is the amount that seems on the link in your profile Google +
Width: the width (in pixels) that the widget should have
Domain: the domain of your site or website

Colour: the history coloration of the widget (in hexadecimal)
Social backlinks: here you can choose to expose them or not.

Step 5. Click “Help save” and your widget is ready!

The plugin is presently offered for those who have their very own domains (wordpress.org). For weblogs hosted on wordpress.com (website.wordpress.com), there is not anticipated to be available.

SWT Layout developed with attention to items

Tue, 09 Aug 2011 12:31:20 +0000

Two days, leading team members to develop a useful interface complexity, as team members of the SWT’s Layout is not very familiar with the interface has a lot of problems there. Some time is unusual, because the Layout and LayoutData do not match, sometimes it is not the screen display. Always, the problem can produce basically met.

The current development thinking is the first painting with SWT Designer interface, and then hand reconstruction order, SWT Designer reconstructed the code for it can no longer identified. Therefore, visualization tools alone is not enough, but also very familiar with the coding on the SWT interface. So for SWT Layout of control is crucial.

Composite are creating their own, be sure to pay attention to:

1 out incoming Composite some only once, is super (parent, style); the time available, after his father, all the controls are the Composite itself. Do not use any other parts of the parent. Otherwise, the parent is likely to interfere with the content, resulting in self-and parent other controls inside an error.

2, each container must have set the Composite Layout, or they might not reveal anything. In general are set GridLayout, if the Composite itself to place a control, for example, placed on a Table, it can also be used FillLayout.For starters, all recommended the use GridLayout, or prone to Layout and LayoutData mismatch, and if the interface is complex, the problem is hard to find. GridLayout can replace other Layout, to achieve a variety of needs (if any control overlap, they can not succeed, we must use FormLayout).

Here is a source, recommended building the interface in this way.

public class TestComposite extends Composite … (

private Text text;

/ ** *//**

* Create the composite

* @ Param parent

* @ Param style

* /

public TestComposite (Composite parent, int style) … (

super (parent, style);

setLayout (new GridLayout ());

createArea (this);

)

private void createArea (Composite parent )…{

text = new Text (this, SWT.BORDER);

text.setLayoutData (new GridData (SWT.FILL, SWT.CENTER, true, false));

final Button button = new Button (this, SWT.NONE);

button.setText (“button”);

)

@ Override

public void dispose () … (

super.dispose ();

)

Enhance the speed of response JSP page seven Cheats trick

Thu, 04 Aug 2011 05:11:33 +0000

Method 1: In the servlet’s init () method for caching data

When the application server after initialization servlet instance for the service before the client requests, it calls the servlet’s init () method. In a servlet’s life cycle, init () method is called only once. By init () method in the cache of some static data or do some only run once, and time-consuming operation, you can greatly improve system performance.

For example, through the init () method to create a JDBC connection pool is a good example, suppose we is jdbc2.0 the DataSource interface to obtain a database connection, in normal circumstances, we need to obtain specific data JNDI source. We can imagine in a specific application, if the request should be executed once for each SQL query JNDI, then system performance will drop sharply. The solution is the following code, which by caching DataSource, so the next time SQL calls can continue to use it:

The following is quoted fragment:

public class ControllerServlet extends HttpServlet (

private javax.sql.DataSource testDS = null;

public void init (ServletConfig config) throws ServletException (

super.init (config);

Context ctx = null;

try (

ctx = new InitialContext ();

testDS = (javax.sql.DataSource) ctx.lookup (“jdbc / testDS”);

) Catch (NamingException ne) (ne.printStackTrace ();)

) Catch (Exception e) (e.printStackTrace ();)

)

public javax.sql.DataSource getTestDS () (

return testDS;

)

…

)

Method 2: Disable servlet and JSP auto-reload (auto-reloading)

Servlet / JSP technology provides a practical, automatically reload technology, which provides developers with a good development environment, when you change the servlet and JSP pages without having to reboot after the application server. However, this technique in a production stage of system resources is a great loss, because it would JSP engine’s class loader (classloader) imposes a heavy burden. So turn off auto-reload feature on the system performance is a great help.

Method 3: Do not abuse HttpSession

In many applications, our procedures need to maintain client state, so the page can be linked between. Unfortunately, because HTTP is inherently stateless, thus can not save the client state. Thus the general application server provides a session to save the client state. In the JSP application server, is achieved through the HttpSession of the session as the functional, but in the convenience, it also brought to the system is not a small burden. Because every time you obtain or update the session, the system are time-consuming to its serialization. You can be on the HttpSession of the following approaches to improve system performance.

If not necessary, it should close the JSP page in the default settings on the HttpSession. If you do not explicitly specified, each JSP page will default to create a HttpSession. If you do not need to use JSP in the session, then the JSP page through the following directive to ban it:

The following is quoted fragment:

Do not store in the HttpSession in a large data such as: If you stored in the HttpSession as large data on it, whenever it read and write, the application server will be serialized on their, thus increasing the system’s additional burden . You store the data in HttpSession as larger, then the system performance to fall faster.

When you do not need HttpSession when to release it as soon as possible: When you no longer need to session, you can call HttpSession.invalidate () method to release it. As the session timeout set too short point: In the JSP application server, a default session timeout. When a customer at this time without any action after the words, the system will auto-related session released from memory. Timeout is set too higher, the lower the performance of the system, so the best way is to try to make it keep the value of a lower level.

The stored procedure method of packaging for the EJB component

Wed, 03 Aug 2011 17:21:28 +0000

Integrated Web application server and database management (DBMS) technology is a lot of common needs of new business applications. In this article, we will discuss the integration of De one aspect: how the session Enterprise JavaBeans (EJB) component in the design and development package, or call Xianyou DBMS Cunchu process method. You should be familiar with EJB technologies, structured query language (SQL) and Java Database Connectivity (JDBC) basic knowledge in order to fully understand this article.

If you are working in the DMBS need to access or modify data in Web application development, it may have been transferred to the design based on EJB. You may find that the session EJB components by making use of DBMS stored procedures can reduce coding and maintenance work, and may improve data access performance.

Some company has been in use stored procedures (stored procedure), yes Yinwei they can Bangzhu reduce network traffic, Bing the distributed Jisuan environment Xingneng. Typically, these processes involve multiple database operations include important business logic. Remote application calls these processes, the DMBS server implementation of the SQL statements they contain. Of course, the process is completed, all results are returned to the application.

The old stored procedures on the Web application is often useful. Instead of copying the EJB component logic, why do not these processes in a session bean as a method of packaging the same time? This DBMS server and EJB components to avoid redundancy in the code – in considering the development, debugging and maintenance costs, the loss of redundant code development efficiency. It may also bring the benefits of improved performance. Call a stored procedure can reduce the EJB components have issued the original number of SQL statements, thereby reducing the communication overhead with the remote DBMS.

Getting Started

Now understand why the session bean to call a stored procedure from the right, let’s take a look at how to get started. First, the need to use the appropriate development environment, the environment should include an EJB with a built-in support for Java development tools, a Web application server and a relational DBMS. My reference configuration, including VisualAge for Java Enterprise Edition 3.0.2, WebSphere Application Server Advanced Edition 3.0.2.1, as well as DB2 V7.1, all of which are installed on a Windows NT system. About how to configure the environment to support the work described in this article For more information, see “Leveraging DBMS Stored Procedures through Enterprise JavaBeans” (in reference) or the reference product manuals.

With the right software environment, you can begin. Although we discuss the encoding mode may be suitable for stateless session (stateless session) bean, but it can also use stateful session (stateful session) bean component. However, because stateless session bean stateful session bean than consume fewer system resources, and less code involved, it is generally recommended to use a stateless session bean.

First thing to consider is how the design of stored procedures and mapping data between the EJB components. Stored procedure may require multiple input, output and input / output parameters and returns one or more of the result set (on behalf of the data lines). Except to process different types using different encoding mode, you need to write EJB components to address all these possibilities.

Processing input (or input / output) parameter is simple: each parameter stored procedure requires mapping EJB component input parameters. However, processing the stored procedure’s output can be tricky. May have multiple output parameters and return multiple result sets will be calling program, you need to these as a serializable object to return, to meet the EJB specification. You can write your own class, so the data can be packaged into an object, and the object all the necessary meta-data. (The metadata describes the internal structure of objects so that clients know what to do.) But this requires a lot of work.

If you are using VisualAge for Java and WebSphere, then there is a better option: the use of their data access Bean (DAB) library. The library contains a number of available functions in the layer above the basic JDBC classes. May find it particularly convenient com.ibm.db.CallableStatement class, because Ta allows to create a serializable object, The object contains Suoyou from Cunchuguocheng return of output, including the number of results Ji (if any) and Xiang Guan yuan data. Another advantage is that the library is designed to support any JDBC data source support, so it can make bean “has nothing to do with the DBMS.” With DAB library, you can use a coding mode in the session EJB component package any stored procedure. EJB client can even use a common coding patterns to deal with any from the wrapper method returns the results.

In the JSP in how MD5 encryption

Thu, 21 Jul 2011 15:43:43 +0000

Source

/ **

* Class name: MD5Digest

* Note: the password used to encrypt the md5 utility parameters

* Date written: 2001/03/05

* Modified By:

* Modify the information:

* @ Author edgarlo edgarlo@china.com

* @ Version 1.0

* /

import java.security.MessageDigest;

import java.security.NoSuchAlgorithmException;

public class MD5Digest

(

private MessageDigest __md5 = null;

private StringBuffer __digestBuffer = null;

public MD5Digest ()

throws NoSuchAlgorithmException

(

__md5 = MessageDigest.getInstance (“MD5″);

__digestBuffer = new StringBuffer ();

)

public String md5crypt (String s)

(

__digestBuffer.setLength (0);

byte abyte0 [] = __md5.digest (s.getBytes ());

for (int i = 0; i

__digestBuffer.append (toHex (abyte0 [i]));

return __digestBuffer.toString ();

)

public String toHex (byte one) (

String HEX = “0123456789ABCDEF”;

char [] result = new char [2];

result [0] = HEX.charAt ((one & 0xf0)>> 4);

result [1] = HEX.charAt (one & 0x0f);

String mm = new String (result);

return mm;

)

————————————————– ——————————

/************************************************

MD5 algorithm for Java Bean

@ Author: Topcat Tuppin

Last Modified: 10, Mar, 2001

*************************************************/

package beartool;

import java.lang.reflect .*;

/*************************************************

md5 class implements the RSA Data Security, Inc. submitted to the IETF

Of RFC1321 in the MD5 message-digest algorithm.

*************************************************/

public class MD5 (

/ * Here are S11-S44 is actually a 4 * 4 matrix, in the original C implementation is to use # define to achieve,

Here them is said to achieve a static final read-only, all in the same process space of more than

Instance shared between * /

static final int S11 = 7;

static final int S12 = 12;

static final int S13 = 17;

static final int S14 = 22;

static final int S21 = 5;

static final int S22 = 9;

static final int S23 = 14;

static final int S24 = 20;

static final int S31 = 4;

static final int S32 = 11;

static final int S33 = 16;

static final int S34 = 23;

static final int S41 = 6;

static final int S42 = 10;

static final int S43 = 15;

static final int S44 = 21;

static final byte [] PADDING = (-128, 0, 0, 0, 0, 0, 0, 0, 0,

0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,

0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);

/ * The following three members of the MD5 computation is used in the three core data, in the original C implementation

Structure is defined to MD5_CTX

* /

private long [] state = new long [4]; / / state (ABCD)

private long [] count = new long [2]; / / number of bits, modulo 2 ^ 64 (lsb first)

private byte [] buffer = new byte [64]; / / input buffer

/ * DigestHexStr is the only public member of MD5 is the latest results, said the 16 hexadecimal ASCII.

* /

public String digestHexStr;

/ * Digest, is the latest results of the two binary internal representation, expressed 128bit the MD5 value.

* /

private byte [] digest = new byte [16];

/ *

getMD5ofStr is the most important public class MD5 method, you want to import parameter is the string MD5 transform

Back to the complete transformation of the results, this result is obtained from the public members of the digestHexStr.

* /

public String getMD5ofStr (String inbuf) (

md5Init ();

md5Update (inbuf.getBytes (), inbuf.length ());

md5Final ();

digestHexStr = “”;

for (int i = 0; i <16; i + +) (

digestHexStr + = byteHEX (digest [i]);

)

return digestHexStr;

)

/ / This is the MD5 standard constructor of this class, JavaBean requirements of a public constructor with no parameters

public MD5 () (

md5Init ();

return;

)