Web front-end development of vocational skills Intermediate

file

CMS project practice content summary:
• Laravel installation
• background login, access control
• Model Management
• Column management
• Content management
• advertising management
• Advertising Content Management

Composer download the installation package using Laravel
use Composer Create-Project

Background login
• Create database tables and written records, the database connection
• present the form login page background
• processing form data to determine whether the correct user name and password

Presents the background Home
• Create a database table and write records, database connection

Backstage access control
• form by <input type=“hidden”>
responsible for hiding the user controls transmit additional information

Model implementation
• Design tables
• Add model
• Model Management list
• model changes
Delete • model

Model table design
• Includes <span class=“badge”>labels
• Use <a>labels instead of <li>labels
• Use <div>labels in place <ul>Label

Model Management list
• Add Object
• New model features
• add rows, columns

Model modification
• Modify the contents of the model
• Using special features
• Delete model

By EasyUI model
pop binding form

file

Home Site background layout structure

file

Column list management
• Add
• Modify
• View
• Delete
• Merge

Site sections Operation

• <div style=“ padding: 10px; margin: 10px 0; width: 100% ;”class=“easyui-panel”>
• <a href=“#”class=“easyui-linkbutton”iconCls=“icon-add”>新增栏目</a>
• <a href=“#”class=“easyui-linkbutton”iconCls=“icon-edit”>编辑栏目</a>
• <a href=“#”class=“easyui-linkbutton”iconCls=“icon-save”>保存栏目</a>
• <a href=“#”class=“easyui-linkbutton”iconCls=“icon-undo”>取消栏目</a>
• <a href=“#”class=“easyui-linkbutton”iconCls=“icon-cancel”>删除栏目</a>
• <a href=“#”class=“easyui-linkbutton”iconCls=“icon-map_clipboard”>合并栏目</a>

Node attributes
• id: node id, to load remote data is important
• text: display in text node
• state: node status, 'open'or'closed', the default is 'open'. When set to 'closed', owned
have child nodes of node will load them from a remote site.
• checked: Indicates whether the node is selected
• attributes: You can add custom properties to a node
• children: a child node, you must define an array
• iconCls: Set node icon

EasyUI hierarchical tree network properties

Delete columns
• in Category Controller
Add Delete (int id), the
ways and means of
[httppost], return json
type tips.

file

file

Adding content
• Use a custom function to achieve "new article" link function
• Click the "Add article" link will call JS custom function
addArticle ()

EasyUI date box
• Method One: Use HTML tags Creation Date box
• Method Two: Using jQuery creation date box

Content Management list
URL: / content / query / list
parameter passed: categoryId
EasyUI incoming paging information: page, rows

Advertising management list
• Modify
• Delete
• Add content

file

Add advertising
① Get ad list data from a database, display the template.
② view template to write code to receive a list of controller data display ad data.
③ test ad list display.

④ add write ad controller code, view the form data is received, the submission of
saving data coming into the database.
⑤ submit ads view code, name attribute set, to pass data to the control
unit for processing.
⑥ test add advertising. Add an ad test, after the jump successfully added
to the list of ad pages.

Advertising content management list
• Modify
• Delete


If this number of local contents do not get bits (for example: to copyright or other problems), please contact us for rectification can be timely and will be processed in the first time.


Please thumbs up! Because you agree / encouragement is the greatest power of my writing!

Welcome attention of niche t- Jane books!

This is a quality, attitude blog

Blog

Guess you like

Origin www.cnblogs.com/dashucoding/p/11407859.html