page related: /admin_index.php; admin_news.php; admin_contact.php
CSS file: /css/admin.css
js file: /js/jquery.js
Page description:
1. admin index page
This page is the central page of my administration system. There are mainly three parts in this page. On the top of this page, it's the navigation part which links to different pages in the admin system. In the page content, it firstly shows the date and my newest 10 posted news and received messages. Below that, it is the login panel for the Mysql database of my whole project. I also want to mention the orange button at the right-top corner of this page. It's the button used to log out the administration system.
2. admin news page
When I click the news link at the navigation part in my admin index page, I will be led to the admin news page. Firstly, I can see the detailed information of my posted news, including the title, news content and date. I can choose to delete the news when clicking the "delete" link on the right. At the bottom of the page, it's the "insert message" panel, which is used to add new message on my personal website. Actually, it's an expandable and collapsible panel implemented by Jquery. When I fill the form and admit, the news will be automatically inserted into my database.
3. Admin contact page
Finally, it's the admin contact page. This page is similar as the admin news page but does not have the insert message function, since the messages are left by the web viewers. In this page, I can view all the messages which I have received and delete them if I want.
Since then, I eventually finished the whole project. Maybe there are still many things to be improved, but I should say I really learned a lot from this project. And I hope I can get valuable peer feedback in my demonstration today.
Reference:
http://roshanbh.com.np/2008/03/expandable-collapsible-toggle-pane-jquery.html
No comments:
Post a Comment