AJAX online music website (2) database and development environment, ajax online music
Yesterday I mainly described the website requirements and functional structure. Today I spent some time summing up the specific database design of the website and the development environment and tools used.
If you are interested in the previous summary, you can view my previous blog AJAX online music website (1) requirements and functional structure
5. website database design (E-R diagram)
The E-R graph is used to analyze the data relationship of online music websites. The following describes the main entity diagram and E-R diagram of online music websites.
Figure 5.1 shows the basic attributes of the Song information table, including the song ID, song name, artist, album name, Song type, download times, access volume, and total access volume.
Figure 5.1 entity diagram of Song Information
Figure 5.2 shows the basic attributes of the album information table, including the album number, album name, artist, album introduction, and access volume.
Figure 5.2 album Information Entity Diagram
Figure 5.3 shows the basic attributes of the artist information table, including the artist ID, name, gender, birthday, hobbies, and visits.
Figure 5.3 artist Information Entity Diagram
Figure 5.4 shows the basic attributes of the user's account, password, gender, name, email address, and user type.
Figure 5.4 User Information Entity diagram entity link E-R Diagram
5.5: a user can add multiple songs to his/her favorites. A singer can sing multiple songs. A single music can also be included in multiple albums. A singer can have multiple albums of his/her own.
Figure 5.5 entity-erdiagram
6. website development platform and tools
A. Server: Web Server: ASP. NET Development Server database Server: SQL Server 2008
B. Client: browser: Internet Explorer 9.0
C. Main Development tools: Visual Studio 2010 + SQL Server 2008 + ASP. NET Development Server
D. Main Development Technologies: ASP. NET + C # + HTML + JavaScript + CSS + Ajax
1. Use Ajax technology to compile a database access user login program 2 Use Ajax technology to compile a network application that displays database tables
I have an email address for verification: You can refer to it and paste the ajax part only:
$ (Function (){
$ ("# Msg"). hide (); // hide and load images
$ ("# TxtEmail"). blur (function (){
$ (& Quot; # msg & quot;). show (1000 );
Var regExp =/\ w + ([-+. '] \ w +) * @ \ w + (]-.] \ w + )*\. \ w + ([-.] \ w + )*/;
If (! RegExp. test ($ ("# txtEmail"). val ())){
$ ("# Msg"). attr ("src", "../images/wrong.gif ");
$ ("# Email_info"). attr ("style", "color: red" ..html ("Incorrect format ");
$ (& Quot; # msg & quot;). show (1000 );
Xx2key = false;
}
Else {
$. Post (
"Validemail. action ",
{TxtEmail: $ ("# txtEmail"). val ()},
Function (data ){
If (data. flag ){
$ ("# Msg"). attr ("src", "../images/label3.gif ");
$ (& Quot; # msg & quot;). show (1000 );
$ ("# Email_info"). attr ("style", "color: green" ..html ("Mailbox available ");
Xx2key = true;
} Else {
$ ("# Msg"). attr ("src", "../images/wrong.gif ");
$ (& Quot; # msg & quot;). show (1000 );
$ ("# Email_info"). attr ("style", "color: red" ).html ("registered email ");
Xx2key = false;
}
});
}
});
})
The Ajax jsp file has been written to connect to the database. How can the data be displayed on the HTML page?
This problem is too big. It is a bit abstract, that is, using javascript to control html elements. I don't know what elements, how to present them, and what the returned data looks like.