<<

Code Reuse

Hands On 15

By Simon Free (Bio)
gist

In this hands on, let's create a component where we will place the convertStringToASCII function inside of a component and instantiate it.

Tags Used: <cfcomponent>, <cffunction>

Functions Used: createObject

  1. Create a folder called cfc inside the /www/ folder.
  2. Create a file called utilities.cfc inside of the /www/cfc/ folder.
  3. Open up the /www/cfc/utilities.cfc file in your code editor.
  4. Create an open and closing <cfcomponent> tag. Your code should look something like this:
    <cfcomponent>
    
    </cfcomponent>
    
  5. Open up the /www/about.cfm file in your code editor.
  6. Copy the <cffunction> block of code and paste it between the <cfcomponent> tags in /www/cfc/utilities.cfc.
  7. Inside the <cffunction> tag, add an attribute called access and set it to "public".
  8. Your code should look similar to this:
    <cfcomponent>
    	<cffunction name="convertStringToASCII" output="false" returntype="String" hint="Converts string to asccii string" access="public">
    		<cfargument name="stringToBeConverted" type="string" required="true" />
    		<cfset var convertedString = '' />
    		
    		<cfloop from="1" to="#len(arguments.StringToBeConverted)#" index="i">
    			<cfset convertedString &= '&##' & asc(mid(arguments.StringTobeConverted,i,1)) & ';' />
    		</cfloop>	
    		
    		<cfreturn convertedString />
    	</cffunction>	
    </cfcomponent>	
    
  9. In /www/about.cfm, replace the <cffunction> tag block with a <cfset> tag. The <cfset> tag should set a variable called utilities and should instantiate the utilities component by using the following code:
    <cfset utilities = CreateObject('cfc.utilities') /> 	
    
  10. Locate the call to the convertStringToASCII function, which should be on or around line 58, and change the function call to utilities.convertStringToASCII. The line of code should look similar to this:
    #utilities.convertStringToASCII(personalInfo.email)#
    
  11. Go to the /www/about.cfm page in your browser and notice that the email address displays as it did before. The convertStringToASCII function is now in a cfc that can be instantiated from any page.

Homework

Convert the email address in the file /www/contact.cfm to use the convertStringToASCII function.