ASP.NET CMS: Administration Template

bibiyang1982 2016-08-14 02:20:44

For many creating advanced ASP.NET website or application administration templates is difficult; we are software developers not designers. This sample and tutorial shows you how to leverage freely available pre-designed templates and how to use them in your existing ASP.NET application or website.


<p class="overview_day">Today</p>
<p class="overview_count">1,876</p>
<p class="overview_type">Hits</p>
<p class="overview_count">2,103</p>
<p class="overview_type">Views</p>
</div>
<div class="overview_previous">
<p class="overview_day">Yesterday</p>
<p class="overview_count">1,646</p>
<p class="overview_type">Hits</p>
<p class="overview_count">2,054</p>
<p class="overview_type">Views</p>
</div>
</article>
<div class="clear"></div>
</div>
</article>
<!-- end of stats article -->

<article class="module width_3_quarter">
<header>
<h3 class="tabs_involved">Content Manager</h3>
<ul class="tabs">
<li><a href="#tab1">Posts</a></li>
<li><a href="#tab2">Comments</a></li>
</ul>
</header>

<div class="tab_container">
<div id="tab1" class="tab_content">
<table class="tablesorter" cellspacing="0">
<thead>
<tr>
<th></th>
<th>Entry Name</th>
<th>Category</th>
<th>Created On</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="checkbox"></td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Articles</td>
<td>5th April 2011</td>
<td>
<input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td>
</tr>
<tr>
<td>
<input type="checkbox"></td>
<td>Ipsum Lorem Dolor Sit Amet</td>
<td>Freebies</td>
<td>6th April 2011</td>
<td>
<input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td>
</tr>
<tr>
<td>
<input type="checkbox"></td>
<td>Sit Amet Dolor Ipsum</td>
<td>Tutorials</td>
<td>10th April 2011</td>
<td>
<input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td>
</tr>
<tr>
<td>
<input type="checkbox"></td>
<td>Dolor Lorem Amet</td>
<td>Articles</td>
<td>16th April 2011</td>
<td>
<input type="image" src="images/icn_edit.png" title="Edit"><input type="image" src="images/icn_trash.png" title="Trash"></td>
</tr>
<tr>

</tbody>
</table>
</div>
<!-- end of #tab1 -->

<div id="tab2" class="tab_content">
<table class="tablesorter" cellspacing="0">
<thead>
<tr>
<th></th>
<th>Comment</th>
<th>Posted by</th>
<th>Posted On</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="checkbox"></td>
<td>Lorem Ipsum Dolor Sit Amet</td>
<td>Mark Corrigan</td>
<td>5th April 2011</td>
<td>

<article class="module width_quarter">
<header>
<h3>Messages</h3>
</header>
<div class="message_list">
<div class="module_content">
<div class="message">
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
<p><strong>John Doe</strong></p>
</div>
<div class="message">
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
<p><strong>John Doe</strong></p>
</div>
<div class="message">
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
<p><strong>John Doe</strong></p>
</div>
<div class="message">
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
<p><strong>John Doe</strong></p>
</div>
<div class="message">
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor.</p>
<p><strong>John Doe</strong></p>
</div>
</div>

<div class="module_content">
<fieldset>
<label>Post Title</label>
<input type="text">
</fieldset>
<fieldset>
<label>Content</label>
<textarea rows="12"></textarea>
</fieldset>
<fieldset style="width: 48%; float: left; margin-right: 3%;">
<!-- to make two field float next to one another, adjust values accordingly -->
<label>Category</label>
<select style="width: 92%;">
<option>Articles</option>
<option>Tutorials</option>
<option>Freebies</option>
</select>
</fieldset>
<fieldset style="width: 48%; float: left;">
<!-- to make two field float next to one another, adjust values accordingly -->
<label>Tags</label>
<input type="text" style="width: 92%;">
</fieldset>
<div class="clear"></div>
</div>
<footer>
<div class="submit_link">
<select>
<option>Draft</option>
<option>Published</option>
</select>
<input type="submit" value="Publish" class="alt_btn">
<input type="submit" value="Reset">
</div>
</footer>
</article>
<!-- end of post new article -->

<h4 class="alert_warning">A Warning Alert</h4>

<h4 class="alert_error">An Error Message</h4>

<h4 class="alert_success">A Success Message</h4>


More Information
I will add additional tutorials on this subject adding more advanced features to the original template until we end up with a full CMS written with your needs in mind. When part two is ready I will edit this page to include a link to it. Future Tutorials will contain:

u.sanwen.net/578286.html
szdkfp1688.bandcamp.com
hzdkfp1688.bandcamp.com
zzdkfp1688.bandcamp.com
bjdkfp1688.bandcamp.com
nndkfp1688.bandcamp.com
ncdkfp1688.bandcamp.com
jade1225.auyou.com
t.99.com/932375268

Introduction
Customization I: The basics
Customization 2: Advanced
Adding User Administration
User Administration
Roles Administration
Adding Users With Roles
Adding Database Administration
Adding Content Administration
Frontend Template customization
...全文
1904 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

703

社区成员

发帖
与我相关
我的任务
社区描述
C++ Builder ActiveX/COM/DCOM
社区管理员
  • ActiveX/COM/DCOM社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧